A Date and Time Picker plugin for jQueryMobile
Using the flip mode is as simple as setting the 'mode' option to "timeflipbox".
<label for="mydate">Some Date</label> <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "timeflipbox"}'>
Theme swatch for today's date
Theme swatch for choosen (centered) date
Theme swatch for other date elements
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