Ext.ux.form.field.MultiDate - Input multiple dates and date ranges

[nohuhu]

This extension implements an input field that allows entering single or multiple date values and date ranges. Features:

• No limit for number of dates or date ranges
• Fully configurable, with separate settings for input, display and submit formats of dates and ranges
• Fully themed with CSS sheet provided
• Backwards compatibility: multi-value input can be turned off with one option, in such case field behavior is similar to stock Date field
• Support for configurable work week days selection
• Enhanced date picker features for power users:
• Press space in picker to select/unselect single day
• Shift-space or shift-click in picker selects work week
• Ctrl-backspace in picker clears selection
• Ctrl-click in picker selects freeform ranges: ctrl-click once to select start date, ctrl-click again to set end date and select all dates between, inclusive. Works across several months/years as well
• Ctrl-shift-click in picker selects freeform ranges but only work days between start and end date are selected
• Press Enter or OK button in picker to confirm selection
• Press Escape or Cancel button in picker to cancel selection
• Full mouse-free operation

Usage: basically that's a drop-in replacement for ordinary Date field, although there are several configuration options used to implement locale-dependent formatting. See included demo application and source.

Tested with:

• MSIE 6, 7, 8, 9
• Chrome 6+
• Firefox 3.6+
• Opera 11
• Safari 4+

Source code is released under GPL 3.0 on Github: https://github.com/nohuhu/Ext.ux.form.field.MultiDate. Commercial licensing is also available.

Bug reports, improvements, ideas and comments are always welcome.

Live demo: http://nohuhu.org/demos/demo_uxmultidate.html

Sencha Market page: https://market.sencha.com/users/30/extensions/60

Regards,
Alex.

[mitchellsimoens]

Just glancing at your code, could this actually be combined with your other extension or no?

[nohuhu]

I'm afraid I didn't get your idea. What do you mean?

Regards,
Alex.

[nohuhu]

Update: version 0.92

Tested and fixed to be compatible with older browsers, including IE6 and 7.

Regards,
Alex.

[nohuhu]

Version 0.99 supports Ext JS 4.1

[dawesi]

nice one... (without looking) did you base this off the custom validator date example in the docs?

[nohuhu]

Thanks and no, it does custom validation.

[another_i]

not bad! Thanks.