jQueryMobile - DateBox

Home

jQuery Mobile Framework :: DateBox

A Date and Time Picker plugin for jQueryMobile

Time Default

Using the time mode is as simple as setting the 'mode' option to "timebox".

<label for="mydate">Some Time</label>

<input name="mydate" id="mydate" type="date" data-role="datebox"
   data-options='{"mode": "timebox"}'>

Force Clock Mode

To force a 12 or 24 hour clock, set 'overrideTimeFomat'

<label for="mydate">Some Time</label>

<input name="mydate" id="mydate" type="date" data-role="datebox"
   data-options='{"mode": "timebox", "overrideTimeFormat": 24}'>

Theme Options

  • themeButton

    Theme swatch for +/- Buttons

  • themeInput

    Theme swatch for input elements