jQuery-Mobile-DateBox

DateBox is a jQuery-mobile based date and time picker.

DateBox Features

Multiple Data-Entry Modes:
- Android style date picker
- Calendar style date picker
- Slide style date picker
- Flip Wheel style date or time picker
- 12 and 24 hour time picker
- Duration time picker
4 Different display modes:
- Standard, click-outside-to-close popup mode
- Forced input modal popup mode
- Unique page dialog mode
- Inline mode
Fully localized:
- Configurable Month names
- Configurable Day Names
- All labels and buttons configuratble
- Multiple languages can be loaded at once for dynamic reconfigure
Supports data-limiting of input:
- Configurable maximum and minimum years (android mode)
- Configurable maximum and minimum number of days from "today" (both date modes)
- Allows blacklisting of days of the week or specific dates (calendar mode)
- Allows selecting specific day from any week selection (calendar mode)
Automatically parses hand-entered or pre-entered dates on open
Auto-bind's to data-type='datebox', options are configurable via data-options.

Special Thanks

This is based in part on the work of Todd M. Horst, and his Android Like Date Picker 2

Some features inspired by mobiscroll - Specifically the IOS-ish flipbox.

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.

Versioning

DateBox uses the following version scheme:

jquery.mobile.datebox-<jQueryMobile Major Version>.<jQueryMobile Minor Version>.<DateBox bugfix Version>.js

With the speed that jQM has been moving, the bugfix version is usually either 0 or not included.

When jQM releases a new version, the previous version of datebox should be considered retired - I have neither the time, nor the patience to backport features or bug fixes - however, I will do my best to keep whatever corresponds to the latest jQM up-to-date.

Suggested Use

No Option Overrides:

<input type="date" data-role="datebox" name="somedate" />

With Option Overrides:

<input type="date" data-role="datebox" name="somedate" data-options='{"buttonTheme": "b", "dateFormat": "mm/dd/YYYY"}' />

Global Option Overrides:

// AFTER loading jQM
jQuery.extend(jQuery.mobile.datebox.prototype.options, {
	'dateFormat': 'dd.mm.yyyy',
	'headerFormat': 'dd.mm.yyyy'
});

Available Options

Please see the full api documentation at: dev.jtsage.com

Runtime Operation (Scripting / Extending)