Ext JS extension: Form input field that allows entering multiple date ranges, month ranges and time ranges
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
resources
ux
.gitignore
LICENSE
README
demo_uxmultidate.html
demo_uxmultidate.js
demo_uxmultimonth.html
demo_uxmultimonth.js
demo_uxmultitime.html
demo_uxmultitime.js

README

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>.