View Source

h3. TimeSpinner

The TimeSpinner component uses a mobility-designed time selection component and may be rendered depending on whether the mobile operating system is using iOS5 or Blackberry and it is enabled by using the useNative attribute. If the device is running iOS5/Blackberry, then the option to choose the inherent date selection component is used (so for iPhone, iPad running iOS5 or Blackberry 6 or greater) the native timeSelection may be used (html5 input tag with type="time"). If iOS5/Blackberry is not detected, then the <mobi:dateSpinner/> component renders a mobility designed non-browser solution which with popup selector, styled with <mobi:deviceStyleSheet/>. This component has mobi:ajax support.

{note}

Each device will popup the correct entry spinner that is styled as per the device; Jsf validation and conversion is supported. The non-iOS5/Blackberry version will actually have built-in conversion for date, so as long as the default pattern of 'yyyy-MM-dd' is used, then no <f:convertDateTime pattern="yyyy-MM-dd" /> tag is required.
The developer will have to know what platforms they are creating applications for in that some of these options are not applicable to the iOS5/Blackberry supported inherent selection. At this time Chrome as well as stock browser with container may have some support on the Android devices, but it is not yet completely supported, so useNative is not yet supported for Android devices.


{note}


h3. Usage

h4. How to use.
If want native html5 timeSpinner enabled if available and using singleSubmit="true"
{code}
<mobi:timeSpinner useNative="true" value="#{date.time2}" title="date ios5 cap"
singleSubmit="#{date.singleSubmit}">
</mobi:timeSpinner>
{code}

h3. Component Documentation
[timeSpinner|http://res.icesoft.org/docs/icemobile/v1_latest/jsf/tld/mobi/timeSpinner.html]