Collection
Post cover

Best 26 jQuery Date And Time Pickers

Collection of free jQuery date and time picker examples and plugins.

Journey - Date Picker

Author: Sam Woolerton

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Journey date picker with jQuery.

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

Responsive: yes

Dependencies: bootstrap.css

jQuery Datepicker

Author: Andreas Storm

Links: demo and code

Made with: HTML / CSS (Sass) / JS

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

Responsive: yes

Dependencies: bootstrap.css, jquery-ui.js

Post cover

Pickadate

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

Author: amsul

Links: GitHub, Website

Made with: JavaScript (84.7%), CSS (13.8%), HTML (1.5%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
7.7k 216 1.1k
Post cover

jQuery DateTimePicker

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

Author: xdan

Links: GitHub, Website

Made with: JavaScript (71.1%), HTML (13.0%), Smarty (10.0%), CSS (5.9%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
3.4k 163 1.6k
Post cover

ClockPicker

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

Author: weareoutman (Shenwei Wang)

Links: GitHub, Website

Made with: JavaScript (82.5%), CSS (17.5%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
2k 76 552
Post cover

Timedropper

Made by: Felice Gattuso

Links: demo

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

Post cover

jQuery Date Range Picker Plugin

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

Author: longbill

Links: GitHub

Made with: JavaScript (75.5%), HTML (19.4%), SCSS (5.1%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1.1k 54 584
Post cover

JTSage DateBox

A multi-mode date and time picker for Bootstrap (3 and 4), jQueryMobile, Foundation, Bulma, FomanticUI, and UIKit (or others)

Author: jtsage

Links: GitHub, Website

Made with: JavaScript (64.8%), HTML (27.0%), CSS (8.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
481 35 171
Post cover

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.

Responsive jQuery DateTime Picker plugin for Web & Mobile

Author: Neha Kadam

Links: GitHub, Website

Made with: JavaScript (98.0%), CSS (2.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
360 19 115
Post cover

jQuery UI Date Range Picker

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

Author: Filament Group

Links: GitHub, Website

Made with: JavaScript (91.1%), CSS (4.5%), HTML (4.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
274 26 96
Post cover

glDatePicker

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

Author: Gautam Lad

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
274 17 139
Post cover

Zebra Datepicker  

A super-lightweight, highly configurable, cross-browser date / time picker jQuery plugin

Author: Stefan Gabos

Links: GitHub, Website

Made with: JavaScript (93.2%), SCSS (6.8%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
388 20 185
Post cover

jQuery UI 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.

Author: fgelinas (Francois Gelinas)

Links: GitHub, Website

Made with: JavaScript (75.6%), HTML (24.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
268 23 84
Post cover

jQuery Simple Datepicker

Date and time picker for jQuery, It's simple and clean.

Author: mugifly (Masanori Ohgita)

Links: GitHub, Website

Made with: JavaScript (64.6%), HTML (25.2%), CSS (10.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
261 21 184
Post cover

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.

Author: dubrox (Luca Lauretta)

Links: GitHub, Website

Made with: HTML (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
265 20 156
Post cover

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.

Author: tamble

Links: GitHub

Made with: JavaScript (89.5%), CSS (10.5%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
180 18 113
Post cover

jQuery Timepicker

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

Author: wvega (Willington Vega)

Links: GitHub, Website

Made with: JavaScript (62.4%), CSS (29.0%), HTML (8.2%), Makefile (0.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
205 13 91
Post cover

jQuery Continuous Calendar

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

Author: Continuous Calendar

Links: GitHub, Website

Made with: JavaScript (82.1%), HTML (12.5%), CSS (2.7%), Shell (1.6%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
84 6 35
Post cover

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.

Author: senthilraj

Links: GitHub

Made with: HTML (48.0%), JavaScript (42.0%), CSS (10.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
89 17 121
Post cover

Wickedpicker

A simple jQuery timepicker.

Author: Eric Gagnon

Links: GitHub, Website

Made with: JavaScript (83.7%), CSS (16.3%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
91 10 80
Post cover

TinyDatePicker And Calendar

This 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.

Author: PitPik

Links: GitHub, Website

Made with: HTML (50.0%), JavaScript (34.0%), CSS (16.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
55 6 14
Post cover

Calendar

A calendar picker component, based on jQuery.

Author: yscoder

Links: GitHub

Made with: JavaScript (77.4%), CSS (11.5%), HTML (11.1%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
49 11 34
Post cover

Gemini DatePicker

A full-featured datepicker jquery plugin

Author: gregzhang616

Links: GitHub, Website

Made with: JavaScript (89.6%), CSS (7.9%), HTML (2.5%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
34 5 18
Post cover

Clock Timepicker Plugin for jQuery

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.

Author: loebi-ch

Links: GitHub

Made with: HTML (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
48 2 19
Post cover

MDTimePicker

Material design inspired time picker plugin for input elements.

Author: dmuy

Links: GitHub, Website

Made with: JavaScript (68.3%), SCSS (31.7%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
42 5 25
Post cover

Date Picky

JQuery datepicker plugin with multiple features for developers

Author: Samip Shrestha

Links: GitHub

Made with: JavaScript (64.4%), CSS (31.4%), HTML (4.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1 1 2

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback