Threaded View

  1. #1
    Sencha - Ext JS Dev Team
    Join Date
    Jun 2011
    Location
    San Diego, CA
    Posts
    195
    Vote Rating
    38
    nohuhu has a spectacular aura about nohuhu has a spectacular aura about

      1  

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

    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: 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.
    Last edited by nohuhu; 14 Aug 2012 at 3:18 PM. Reason: Added demo link