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

      1  

    Lightbulb Ext.ux.form.field.MultiTime - Input time or time interval

    Ext.ux.form.field.MultiTime - Input time or time interval


    This extension implements an input field that allows entering either single point in time or time interval, depending on settings. It is based heavily on Ext.ux.form.field.MultiMonth, except that its picker was rewritten from scratch.

    Features:
    • Allows entering starting and ending times for an interval of time
    • Separate settings for input format, display and submit formats
    • Fully themed with CSS sheet provided
    • Switched behavior: set multiValue property to false and field will allow only single point in time to be entered
    • Brand new Time picker for visual time selection
    • Supports time validation
    • Set minValue/maxValue to limit earliest and latest times available, including picker
    • Dynamically changing picker that tracks selection to disable invalid time choices both in multi- and single-value modes
    • Configurable time increment: 15, 30 or 60 minutes
    Usage: drop-in replacement for Ext.form.field.Time, with several options to provide locale-dependent date formatting. See included demo application and source.

    Tested in:
    • 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_uxmultitime.html

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

    Regards,
    Alex.
    Last edited by nohuhu; 14 Aug 2012 at 3:17 PM. Reason: Added demo link

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

      0  

    Default


    Version 0.99 supports Ext JS 4.1

  3. #3
    Sencha User
    Join Date
    Jan 2008
    Location
    Los Angeles
    Posts
    149
    Vote Rating
    1
    radtad is on a distinguished road

      0  

    Default


    Your demo isn't working. It's not inserting a value. Cool idea though!!

  4. #4
    Sencha User
    Join Date
    Mar 2011
    Posts
    114
    Vote Rating
    6
    johanhaest is on a distinguished road

      0  

    Default


    If you don't select AM or PM it's not working.

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

      0  

    Default


    Well, the idea was to select AM or PM. 24-hour format does not fit very well in a picker.

    Regards,
    Alex.

  6. #6
    Sencha User
    Join Date
    Mar 2011
    Posts
    114
    Vote Rating
    6
    johanhaest is on a distinguished road

      0  

    Default


    I agree, but that's not obvious when you open the picker if you know what I mean.
    You can press the OK button despite the selection being invalid.

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

      0  

    Default


    Yes, now I see what you mean. I should probably bind OK button so that it is only enabled when all three fields have selection. I'll add that in the next version.

    Regards,
    Alex.

  8. #8
    Sencha User
    Join Date
    Mar 2011
    Posts
    114
    Vote Rating
    6
    johanhaest is on a distinguished road

      0  

    Default


    Yeah, that will be more userfriendly.

Thread Participants: 2

Tags for this Thread