1. #1
    Sencha - Ext JS Dev Team
    Join Date
    Jun 2011
    Location
    San Diego, CA
    Posts
    179
    Vote Rating
    35
    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

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,620
    Vote Rating
    817
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Just glancing at your code, could this actually be combined with your other extension or no?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

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

      0  

    Default


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

    Regards,
    Alex.

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

      0  

    Default


    Update: version 0.92

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

    Regards,
    Alex.

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

      0  

    Default


    Version 0.99 supports Ext JS 4.1

  6. #6
    Sencha Premium Member dawesi's Avatar
    Join Date
    Mar 2007
    Location
    Melbourne, Australia (aka GMT+10)
    Posts
    1,082
    Vote Rating
    41
    dawesi has a spectacular aura about dawesi has a spectacular aura about

      0  

    Default


    nice one... (without looking) did you base this off the custom validator date example in the docs?
    Teahouse Training Company
    Official Certified Sencha Trainer

    Australia / New Zealand / Singapore / Hong Kong & APAC



    SenchaWorld.com - Sencha webinars, videos, etc
    SenchaForge.org - (coming soon)
    TeahouseHQ.com - Sencha ecosystem training portal

    Code Validation : JSLint | JSONLint | JSONPLint

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

      0  

    Default


    Thanks and no, it does custom validation.

  8. #8
    Sencha User
    Join Date
    Jul 2011
    Location
    Russia
    Posts
    41
    Vote Rating
    3
    another_i is on a distinguished road

      0  

    Default


    not bad! Thanks.