A Date and Time Picker plugin for jQueryMobile
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"}'>
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 swatch for +/- Buttons
Theme swatch for input elements