24 jQuery Date And Time Pickers

About a code

Journey - Date Picker

Journey date picker with jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css

About a code

jQuery Datepicker

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, jquery-ui.js

Pickadate

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

DateTimepicker

jQuery plugin date and time picker. The language setting is now global.

ClockPicker

A clock-style timepicker for Bootstrap (or jQuery).

Timedropper

Timedropper is a jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker.

jQuery Date Range Picker Plugin

jQuery Date Range Picker is a jQuery plugin that allows user to select a date range.

• Fully CSS styled
• Easy to use & customize
• Multi-language support
• Fully documented
• Multiple date format

JTSage DateBox

A multi-mode date and time picker for jQueryMobile, Bootstrap, & jQueryUI.

• Framework Agnostic, works with jQM, jQueryUI & Twitter Bootstrap
• Multiple display and entry modes for dates, times, and durations: Android style, Full Calendar display (date only), Flip (IOS) style, Slide style (date and time only)
• Multiple window modes (dependant on framework): Popup or Dropdown, Inline, Inline window-blind
• Fully localized - 41+ languages pre-configured
• Fully custiomizable output formats
• Supports multiple methods of limiting valid date entry
• Supports entry, exit, creation, selection, change, and more programming hooks

DateTimePicker

DateTime Picker is a quick highly customizable jQuery plugin. The design is clutter free & well suited for embedding it into mobile application development.

Users can change values using +/- buttons or type values directly into the textbox by selecting each value fields.

For web, picker can be binded relative to reference element, were it will appear at the bottom of the element. For mobile, the picker can appear as a dialog box covering entire window.

jQuery UI Date Range Picker

A range picker built on top of jQuery UI's datepicker control.

glDatePicker

An ultra-simple, customizable, light-weight date picker plug-in for jQuery at just over 7KB compressed or 25KB uncompressed.

• Stylize current date, selected date, special dates and individual days of the week
• Set data on special dates (that is returned on callback when selected)
• Repeatable date ranges, individual dates and special dates
• Restrict selection to range of dates, individual dates, years, months and days of the week
• Restricting forward / backwards month navigation
• Automatically jump to respective month on selection (if it is the next or previous month)
• Offset days of the week (e.g. make Wednesday the first day of the week)
• Jump to specific month or year through select drop-down
• Customizable month names and days of week names
• Callbacks for when date is selected and when calendar is about to show or hide
• Individual styles per date picker on the same page
• Render directly below input control (by default) or specify a custom element to render into

Zebra_Datepicker

Zebra_Datepicker is a small yet and highly configurable date/time picker jQuery plugin, meant to enrich forms by adding the date/time picker functionality to them. This jQuery plugin will automatically add a calendar icon to the indicated input fields which, when clicked, will open the attached datepicker. Users can easily jump between months and years due to the datepicker's intuitive interface. The selected date will be entered in the input field using the date format of choice, configurable in the datepicker's options.

Timepicker

This is a jQuery UI time picker plugin build to match with other official jQuery UI widgets. Based on the existing date picker, it will blend nicely with your form and use your selected jQuery UI theme. The plugin is very easy to integrate in your form for you time (hours/minutes) inputs.

jQuery Simple Datepicker

Date and time picker, it's simple & clean.

MultiDatesPicker For jQuery UI

This plugin extends the jQuery UI datepicker clendar, allowing to select more than one date, picking them one by one or by ranges relative to the clicked date.

jQuery UI DateRangePicker

A jQuery UI widget similar to the date range picker used in Google Analytics; supports multiple months, custom preset ranges and smart positioning.

jQuery Timepicker

A jQuery plugin to enhance standard form input fields helping users to select (or type) times.

jQuery Continuous Calendar

Date picker and range selector with scrollable months instead of paged (the only right way to do it).

TimePicki

Timepicki - free time picker jquery plugin, it is simple and clean timepicker so user can understand to set time for your project in input forms.

Wickedpicker

A simple jQuery timepicker.

TinyDatePicker And Calendar

This 5KB (gZip; 12.5KB minified) small date/time picker provides a lot of hooks for developers to write calendars, agendas, booking systems, plugins, etc. This is not only a picker but a set of modules that can be used to build a date/agenda based app. The flexibility of this tool makes integration of Bootstrap or other frameworks easy.

Calendar

A calendar component, based on jQuery.

Gemini DatePicker

A full-featured datepicker jquery plugin.

Clock Timepicker

A free jQuery Plug-in to select the time with a clock inspired by the Android time picker. This plugin works on desktop and mobile phones.

MDTimePicker

Material concept time picker jquery plugin.

Date Picky

Date-picky is a date picker with multiple features.