Collection of free jQuery date and time picker examples and plugins. Update of January 2018 collection. 2 new items.
Related Articles
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Journey - Date Picker
Journey date picker with jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bootstrap.css
Links
Made with
- HTML / CSS (Sass) / JS
About a code
jQuery Datepicker
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bootstrap.css, jquery-ui.js

- 7225 stars
- 248 watchers
Pickadate
The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

- 2718 stars
- 166 watchers
DateTimepicker
jQuery plugin date and time picker. The language setting is now global.

- 1812 stars
- 89 watchers
ClockPicker
A clock-style timepicker for Bootstrap (or jQuery).

- 915 stars
- 24 watchers
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.

- 892 stars
- 56 watchers
jQuery Date Range Picker Plugin
jQuery Date Range Picker is a jQuery plugin that allows user to select a date range.
Features- Fully CSS styled
- Easy to use & customize
- Multi-language support
- Fully documented
- Multiple date format

- 480 stars
- 36 watchers
JTSage DateBox
A multi-mode date and time picker for jQueryMobile, Bootstrap, & jQueryUI.
Features- 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

- 313 stars
- 22 watchers
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.

- 280 stars
- 26 watchers
jQuery UI Date Range Picker
A range picker built on top of jQuery UI's datepicker control.

- 279 stars
- 17 watchers
glDatePicker
An ultra-simple, customizable, light-weight date picker plug-in for jQuery at just over 7KB compressed or 25KB uncompressed.
Features- 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

- 263 stars
- 23 watchers
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.

- 260 stars
- 24 watchers
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.

- 243 stars
- 25 watchers
jQuery Simple Datepicker
Date and time picker, it's simple & clean.

- 209 stars
- 23 watchers
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.

- 152 stars
- 18 watchers
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.

- 150 stars
- 15 watchers
jQuery Timepicker
A jQuery plugin to enhance standard form input fields helping users to select (or type) times.

- 84 stars
- 6 watchers
jQuery Continuous Calendar
Date picker and range selector with scrollable months instead of paged (the only right way to do it).

- 73 stars
- 16 watchers
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.

- 63 stars
- 12 watchers
Wickedpicker
A simple jQuery timepicker.

- 44 stars
- 5 watchers
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.

- 42 stars
- 10 watchers
Calendar
A calendar component, based on jQuery.

- 20 stars
- 5 watchers
Gemini DatePicker
A full-featured datepicker jquery plugin.

- 6 stars
- 1 watchers
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.

- 4 stars
- 3 watchers
MDTimePicker
Material concept time picker jquery plugin.

- 0 stars
- 1 watchers
Date Picky
Date-picky is a date picker with multiple features.