-
Notifications
You must be signed in to change notification settings - Fork 4
Ext JS extension: Form input field that allows entering multiple date ranges, month ranges and time ranges
License
nohuhu/Ext.ux.form.field.MultiDate
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
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 0
No packages published