Ext.ux.form.field.MultiDate by Alexander Tokarev – Version 0.99

Categories

Form field that allows entering multiple dates and date ranges, with flexible format matching and powerful drop-down picker.

Show more

Products:

  • Ext JS 4.1

Browsers:

  • Safari (desktop)
  • Opera (desktop)
  • IE6+ (desktop)
  • Firefox (desktop)
  • Chrome (desktop)

Screenshots

  • Demo in action

    No description.

Readme

Ext.ux.form.field.MultiDate

This class implements form input field for multiple date and date range selections.

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

For usage, see respective demo application.

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.

Live demo

Github repo

Version History

  • Version 0.99

    Description:

    Updated to accommodate Ext JS 4.1

License

Other extensions by Alexander Tokarev

Other extensions in components

  • Screenshot

    SlideNavigation2

    A navigational component that utilizes a list which is hidden when not in use. Inspired by Facebook's sliding menu system.

  • Screenshot

    Datetimepicker

    Component to select datetime value.

  • Screenshot

    Pinch Zoom Image

    Able to use a pinch-zoom and touch panning a image in the sencha touch 2.

  • Screenshot

    Ext.ux.grid.FilterBar

    Plugin that enable filters on the grid headers

  • Screenshot

    Animated CSS3 button menu

    This component gives you an alternate way to build a cool menu in you Sencha Touch app. The menu is rendered and animated in path menu like style with CSS3 transition animations.

Reviews

Be the first to leave a review.