jQueryMobile - DateBox

Home

jQuery Mobile Framework :: DateBox

A Date and Time Picker plugin for jQueryMobile

Flip Default

Using the flip mode is as simple as setting the 'mode' option to "flipbox".

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

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

Theme Options

  • themeDateHigh

    Theme swatch for today's date

  • themeDatePick

    Theme swatch for choosen (centered) date

  • themeDate

    Theme swatch for other date elements

Roller Length

To control the "length" of the rollers, you can alter the 'flen' option. It has six properties:

flen: {'y': 15, 'm':12, 'd':15, 'h':12, 'i':15, 'a':3}

Note that these numbers are *half* of the roller length - this is the pad on either end of the centered element