April 27th in Coding, JS

DatePicker/TimePicker AJAX Calendar Widget – Any+Time




The Any+Time™ JavaScript Library includes a highly-customizable, jQuery-compatible datepicker/ timepicker (calendar/ clock widget) and a powerful Date/String parse/format utility. Any+Time™ JavaScript Library can create a date/time picker with advanced features and options not found in other calendar/clock widgets:

DATE/TIME OPTIONS:

* 12-hour or 24-hour clock
* custom date/time format (countless possibilities, including JSON and XML)
* date-only, time-only, or specific fields!
* date/time range limits
* era-selection (BCE/CE, BC/AD, etc.)
* start week on any day (Sunday, Monday, etc.)
* custom base for 2-digit years (1900, 2000, etc.)
* UTC offsets/time zones NEW!

STYLING OPTIONS:

* custom labels/languages
* custom CSS styles
* jQuery UI Theming
* jQuery UI Theme Switcher
* jQuery ThemeRoller
* pop-up or always-present picker
* visible or hidden field

PROGRAMMER-FRIENDLY:

* easy to implement
* easy AJAX validation
* easy Date/String conversion, including JSON and XML
* create multiple pickers at once NEW!
* easy removal NEW!
* easy to extend

USABILITY FEATURES:

* em-based relative-size
* single-click value selection
* WAI-ARIA 1.0 keyboard accessibility
* double-click select-and-dismiss NEW!

A single JavaScript statement is all you need to add a date and/or time picker to any <input> field!

Use AnyTime.Converter to parse a String into a Date, or convert a Date to a String. Many format options are supported—in fact, most of the fields specified by the MySQL DATE_FORMAT() function!

Any+Time™ uses the free jQuery  JavaScript Library as a foundation for robust performance. An older version (2.x) of this library, based on Prototype, is still available  also.

Any+Time™ has been tested compatible with Chrome 4.1, Firefox 3.6, Internet Explorer 8.0, Opera 10.51 and Safari 4.0, and should work with any version of ECMA-262 (JavaScript, JScript, ECMAScript, etc.) and HTML/XHTML supported by jQuery.

Any+Time™ follows WIA-ARIA Authoring Practices 1.0 for Date Picker keyboard interaction as closely as possible, to maximize accessibility without a mouse. Use Tab to navigate between the date and time sections, and arrows to navigate between time-selection buttons.
Creative Commons License

Any+Time™ is $ FREE $ under the Creative Commons BY-NC-SA 3.0 License. Please contact the author for a commercial license tailored to your specific needs!

Leave A Comment.





Subscribe to Our Feed

Follow Us on Twitter     

Find Us on Facebook