The MultiDate extension

MultiDate is a form field extension, which is extended from Ext.form.field.Date, which allows entering of multiple dates and date ranges with flexible format-matching and powerful drop-down picker, developed by Alexander Tokarev.

Following is the screenshot of a MultiDate field:

The MultiDate extension

The following are some of the features for MultiDate:

  • 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: multivalue input can be turned off by setting one option; in this case, behavior is similar to the stockDate field.
  • Support for configurable work weekdays selection.
  • Press Space in picker to select/unselect single day.
  • Shift + Space or Shift + click in picker selects the work week.
  • Ctrl + Backspace in picker clears the selection.
  • Ctrl + click in picker selects the freeform ranges: Ctrl + click once to set the start date and Ctrl + click again to set the end date and select all dates in between. This works across several months/years too.
  • Ctrl + Shift + click in picker selects freeform ranges but includes only work days.
  • Press Enter in picker to confirm the selection.
  • Press Esc in picker to cancel the selection.

A live demo for this extension is located at http://nohuhu.org/demos/demo_uxmultidate.html. This extension is licensed under GPLv3. The download link, details of the copyright, and license for this extension are available at https://github.com/nohuhu/Ext.ux.form.field.MultiDate.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset