jqxDateTimeInput – Unique Date and Time Picker widget


jqxDateTimeInput represents a highly configurable widget for displaying and selecting date and time values by using a popup Calendar display or by keyboard input into the text field.
Browse examples: DateTimeInput Demos jquery-date-picker

Features

  • Localization
  • Keyboard Input and Navigation
  • Date and Time Formatting
  • Works across devices and browsers
  • Web Standards Compliant
  • Rich and easy to use JavaScript API
  • Easy customization and built-in themes

Localization

jqxDateTimeInput provides support for localizing its input field and popup calendar for different languages and date formats. Each localization is contained within its own file with the language code appended to the name, e.g. jquery.glob.de-DE.js for German. The desired localization file should be loaded along with the jqxdatetimeinput.js. jquery-date-picker-localization

Keyboard Input and Navigation

jqxDateTimeInput has built-in advanced and intuitive keyboard input and navigation. Users can easily input the date and time into the input field or navigate through dates and different months by using the popup calendar. Keyboard navigation is perfect for application scenarios where accessibility is an important factor. jquery-date-picker-keyboard-input You can use the arrow keys on the keyboard to move around the DateTime parts. Press the down arrow to spin down the selected value. Press the up arrow to spin up the value. Press the right and left arrow keys to move left and right one DateTime part at a time. You can use the keyboard number keys to edit a DateTime part.

Date and Time Formatting

jqxDateTimeInput has built-in date parsing functionality that allows you to display date feedback in a variety of ways. You can choose a format by changing the value of a single property. jquery-date-picker-formatting

Works across devices and browsers

jqxDateTimeInput supports all major desktop and mobile web browsers – Internet Explorer 7.0+, Firefox 2.0+, Safari 3.0+, Opera 9.0+, Google Chrome, IE Mobile, Android, Opera Mobile, Mobile Safari(IPhone, IPad). jqxDateTimeInput automatically detects the browser’s type and adjusts its internal behavior for optimal rendering and best user experience. You can easily use this widget even on touch devices.

Web Standards Compliant

Don’t spend time testing on different devices and browsers. Use a reliable, CSS compliant JavaScript Calendar widget based on jQuery, HTML5 and CSS3.

Rich and easy to use JavaScript API

jqxDateTimeInput has a rich set of events and built-in functions guaranteeing full control over the Calendar . With the Calendar API, you can navigate to a date, set a special date or restrict the navigation.

Easy customization and built-in themes

jqxDateTimeInput ships with 5 professionally designed themes. Each theme is stored in a separate CSS file which makes it easy to export, customize and re-use. The themes can be easily switched using a single property.