jQueryMobile - DateBox

Home

jQuery Mobile Framework :: DateBox

A Date and Time Picker plugin for jQueryMobile

Duration Default

Using the duration mode is as simple as setting the 'mode' option to "durationbox".

Please note these exact same options work for "durationflipbox".

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

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

Duration Collapse Mode

Using the duration collapse mode will use only as many digits as nessasary to completly convey the duration. To use it, set a different durationFormat (overrideDurationFormat).

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

<input name="mydate" id="mydate" type="date" data-role="datebox"
   data-options='{"mode": "durationbox", "overrideDurationFormat": "%DM:%DS"}'>

Theme Options

  • themeButton

    Theme swatch for +/- Buttons

  • themeInput

    Theme swatch for input elements