View Full Version : Ext.ux.form.field.MultiDate - Input multiple dates and date ranges

20 Nov 2011, 9:59 AM
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


20 Nov 2011, 1:17 PM
Just glancing at your code, could this actually be combined with your other extension (http://www.sencha.com/forum/showthread.php?156348) or no?

21 Nov 2011, 6:08 AM
I'm afraid I didn't get your idea. What do you mean?


26 Nov 2011, 2:31 AM
Update: version 0.92

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


14 Aug 2012, 3:17 PM
Version 0.99 supports Ext JS 4.1

15 Aug 2012, 3:55 PM
nice one... (without looking) did you base this off the custom validator date example in the docs?

15 Aug 2012, 4:16 PM
Thanks and no, it does custom validation.

17 Aug 2012, 4:00 AM
not bad! Thanks.

5 Sep 2014, 5:31 AM
Version on 4.0.7? :(