Post thumbnail: 24 jQuery Date And Time Picker Plugins

24 jQuery Date And Time Picker Plugins

Collection of free jQuery date and time picker plugins.

Demo image: Pickadate
Made by
  • amsul
Github activity
  • 7225 stars
  • 248 watchers
About the plugin

Pickadate

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

Demo image: DateTimepicker
Made by
  • Valeriy
Github activity
  • 2718 stars
  • 166 watchers
About the plugin

DateTimepicker

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

Demo image: ClockPicker
Made by
  • Shenwei Wang
Github activity
  • 1812 stars
  • 89 watchers
About the plugin

ClockPicker

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

Demo image: Timedropper
Made by
  • Felice Gattuso
Github activity
  • 915 stars
  • 24 watchers
About the plugin

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.

Demo image: jQuery Date Range Picker Plugin
Made by
  • Chunlong
Github activity
  • 892 stars
  • 56 watchers
About the plugin

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
Demo image: JTSage DateBox
Made by
  • JTSage-DateBox
Github activity
  • 480 stars
  • 36 watchers
About the plugin

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
Demo image: DateTimePicker
Made by
  • Neha Kadam
Github activity
  • 313 stars
  • 22 watchers
About the plugin

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.

Demo image: jQuery UI Date Range Picker
Made by
  • Filament Group
Github activity
  • 280 stars
  • 26 watchers
About the plugin

jQuery UI Date Range Picker

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

Demo image: glDatePicker
Made by
  • Gautam Lad
Github activity
  • 279 stars
  • 17 watchers
About the plugin

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
Demo image: Zebra_Datepicker
Made by
  • Stefan Gabos
Github activity
  • 263 stars
  • 23 watchers
About the plugin

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.

Demo image: Timepicker
Made by
  • Francois Gelinas
Github activity
  • 260 stars
  • 24 watchers
About the plugin

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.

Demo image: jQuery Simple Datepicker
Made by
  • Masanori Ohgita
Github activity
  • 243 stars
  • 25 watchers
About the plugin

jQuery Simple Datepicker

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

Demo image: MultiDatesPicker For jQuery UI
Made by
  • Luca Lauretta
Github activity
  • 209 stars
  • 23 watchers
About the plugin

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.

Demo image: jQuery UI DateRangePicker
Made by
  • Tamble Inc.
Github activity
  • 152 stars
  • 18 watchers
About the plugin

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.

Demo image: jQuery Timepicker
Made by
  • Willington Vega
Github activity
  • 150 stars
  • 15 watchers
About the plugin

jQuery Timepicker

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

Demo image: jQuery Continuous Calendar
Made by
  • Continuous Calendar
Github activity
  • 84 stars
  • 6 watchers
About the plugin

jQuery Continuous Calendar

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

Demo image: TimePicki
Made by
  • senthil2rajan
Github activity
  • 73 stars
  • 16 watchers
About the plugin

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.

Demo image: Wickedpicker
Made by
  • Eric Gagnon
Github activity
  • 63 stars
  • 12 watchers
About the plugin

Wickedpicker

A simple jQuery timepicker.

Demo image: TinyDatePicker And Calendar
Made by
  • Peter Dematté
Github activity
  • 44 stars
  • 5 watchers
About the plugin

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.

Demo image: Calendar
Made by
  • Yusen
Github activity
  • 42 stars
  • 10 watchers
About the plugin

Calendar

A calendar component, based on jQuery.

Demo image: Gemini DatePicker
Made by
  • GregZhang
Github activity
  • 20 stars
  • 5 watchers
About the plugin

Gemini DatePicker

A full-featured datepicker jquery plugin.

Demo image: Clock Timepicker
Made by
  • Andy
Github activity
  • 6 stars
  • 1 watchers
About the 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.

Demo image: MDTimePicker
Made by
  • Dionlee Uy
Github activity
  • 4 stars
  • 3 watchers
About the plugin

MDTimePicker

Material concept time picker jquery plugin.

Demo image: Date Picky
Made by
  • Samip Shrestha
Github activity
  • 0 stars
  • 1 watchers
About the plugin

Date Picky

Date-picky is a date picker with multiple features.

Back to top