jQuery-Mobile-DateBox
DateBox is a jQuery-mobile based date and time picker. Full Documentation and Demos
DateBox Features
- Multiple display and entry modes for dates, times, and durations
- Android style
- Full Calendar display (date only)
- Flip (IOS) style
- Slide style (date and time only)
- Multiple window modes
- Popup
- Inline
- Inline window-blind
- Fully localized - 40+ languages pre-configured
- Fully custiomizable output formats
- Supports multiple methods of limiting valid date entry
- Supports entry, exit, creation, selection, change, and more programming hooks
Special Thanks
An extra special thanks to Phill Pafford for answering tons of questions about DateBox, and jQueryMobile in general on StackOverflow.
And last but not least, thanks to all the contributors to the project on github.
Downloading
All scripts are available on the cdn:
DateBox uses the following version scheme:
http://cdn.jtsage.com/datebox/<jqm VERSION>/
You must load:
- jqm-datebox.core.js (or min)
- AND:: jqm-datebox.mode.<yourmode>.js
OR (if using only one mode)
- jqm-datebox.comp.<yourmode>.js
Latest Versions:
Custom Download Builder:
Suggested Use
With Option Overrides:
<input type="date" data-role="datebox" name="somedate"
data-options='{"mode": "datebox", "overrideDateFormat": "%m/%d/%Y"}' />
Global Option Overrides:
// AFTER loading jQM
jQuery.extend(jQuery.mobile.datebox.prototype.options, {
'overrideDateFormat': '%d.%m.%Y',
});
Available Options
Please see the full api documentation at: dev.jtsage.com
Runtime Operation (Scripting / Extending)
Please see the full api documentation at: dev.jtsage.com