Results 1 to 9 of 9

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

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha - Ext JS Dev Team nohuhu's Avatar
    Join Date
    Jun 2011
    Redwood coast
    Vote Rating

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

    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: Commercial licensing is also available.

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

    Live demo:

    Sencha Market page:

    Last edited by nohuhu; 14 Aug 2012 at 3:18 PM. Reason: Added demo link

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts