Giva has released released a new plugin (Maskerade jQuery Plug-in) which can convert a normal text field into a power date mask input field. The plugin supports a large array of date masks (even quarters) and even supports copy/paste. Here's a list of some of it's key features:
- Keypress validation (ie. you don't need to submit the form for the mask to be applied)
- Full keyboard support, including number to text-date interpretation (eg. typing 6 for a month will show June) and number-entry interpretation (eg. typing 02 in a yyyy date field will be interpreted as 2002)
- Full mouse support
- Masks can be defined as attributes of the input field; individual jQuery mask calls are not needed
- Includes time-mask capability, with a date or alone
- Default values and masks set as placeholders in the input field
- Ability to set min and max dates allowed on a field
- Allows for enforcing relational validation (ie. date1 must be before date2)
- Automatic adjusting for invalid dates (eg. Feb 29, 2001 is adjusted to Feb 28, 2001)
- Each date/time part fully highlighted on focus
- Automatic tabbing to next date/time part once interpreted (eg. typing 2 in a "mm" date part will automatically tab you to the next date part), which allows quick keyboard entry
- Allows for dask masks by quarters (eg. Q1, Q2, etc.)
- Ability to support multiple languages
- Custom event handlers; for example, a single keystroke can be defined to change the date to the current date
- Detach/attach Maskerade behavior from the element
We have actually been using this plugin in production for a long time with great success.
Comments for this entry have been disabled.