Skip to content

Ext JS extension: Form input field that allows entering multiple date ranges, month ranges and time ranges

License

Notifications You must be signed in to change notification settings

nohuhu/Ext.ux.form.field.MultiDate

Repository files navigation

Ext.ux.form.field.MultiDate
Ext.ux.form.field.MultiMonth
Ext.ux.form.field.MultiTime
============================

These classes are an extension for Ext JS 4. They implement a form field
that allows entering multiple dates and date ranges, form field that
allows entering month ranges and form field that allows entering time
intervals respectively.

MultiDate features:
    - No limit for number of dates or date ranges
    - Separate settings for input format, display format and submit
      format of range values
    - Fully themed with CSS sheet provided
    - Backwards compatibility: multi-value input can be turned off
      by setting one option, in this case behavior is similar to
      stock Date field
    - Support for configurable work week days selection
    - 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 set start date, ctrl-click again to set end date and
      select all dates between. Works across several months/years too
    - Ctrl-shift-click in picker selects freeform ranges but includes
      only work days
    - Enter in picker to confirm selection
    - Escape in picker to cancel selection

MultiMonth features:
    - Allows entering starting and ending months
    - 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 month to be entered
    - New enhanced Month picker for visual date selection

MultiTime 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

Tested in:
    - MSIE 6, 7, 8, 9
    - Chrome 15
    - Firefox 7
    - Opera 11
    - Safari 5

For usage, see respective demo applications.

This extension is released under GPL 3.0 license.

Commercial use is permitted to the extent that the code/component(s) do NOT
become part of another Open Source or Commercially licensed development library
or toolkit without explicit permission.

Copyright (c) 2011-2012 by Alexander Tokarev, <nohuhu@nohuhu.org>.

About

Ext JS extension: Form input field that allows entering multiple date ranges, month ranges and time ranges

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages