Collection of free jQuery date and time picker examples and plugins

Welcome to our collection of jQuery code examples! In this carefully curated compilation, we have gathered a wide array of code snippets that demonstrate the power and versatility of the jQuery library.

Journey - Date Picker

Author:
Sam Woolerton | December 23, 2017
Made with:
HTML / CSS (SCSS) / JS

About a code

Journey date picker with jQuery.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
bootstrap.css

jQuery Datepicker

Author:
Andreas Storm | October 31, 2017
Made with:
HTML / CSS (Sass) / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
bootstrap.css, jquery-ui.js
Pickadate

Pickadate

Author:
amsul | November 16, 2012
Made with:
7225 stars248 watchers

About a code

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

DateTimepicker

DateTimepicker

Author:
Valeriy | November 3, 2013
Made with:
2718 stars166 watchers

About a code

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

ClockPicker

ClockPicker

Author:
Shenwei Wang | April 20, 2014
Made with:
1812 stars89 watchers

About a code

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

Timedropper

Timedropper

Author:
Felice Gattuso | April 12, 2016
Made with:
915 stars24 watchers

About a code

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 Plugin

Author:
Chunlong | July 23, 2013
Made with:
892 stars56 watchers

About a code

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

JTSage DateBox

JTSage DateBox

Author:
JTSage-DateBox | February 27, 2011
Made with:
480 stars36 watchers

About a code

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

DateTimePicker

DateTimePicker

Author:
Neha Kadam | January 27, 2014
Made with:
313 stars22 watchers

About a code

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

About a code

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

About a code

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

jQuery UI Date Range Picker

Author:
Filament Group | December 15, 2017
Made with:
280 stars26 watchers

About a code

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

glDatePicker

glDatePicker

Author:
Gautam Lad | August 1, 2011
Made with:
279 stars17 watchers

About a code

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

Zebra_Datepicker

Zebra_Datepicker

Author:
Stefan Gabos | April 22, 2013
Made with:
263 stars23 watchers

About a code

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

Timepicker

Author:
Francois Gelinas | April 5, 2011
Made with:
260 stars24 watchers

About a code

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

jQuery Simple Datepicker

Author:
Masanori Ohgita | November 1, 2012
Made with:
243 stars25 watchers

About a code

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

MultiDatesPicker For jQuery UI

MultiDatesPicker For jQuery UI

Author:
Luca Lauretta | September 24, 2011
Made with:
209 stars23 watchers

About a code

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

jQuery UI DateRangePicker

Author:
Tamble Inc. | February 25, 2014
Made with:
152 stars18 watchers

About a code

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

jQuery Timepicker

Author:
Willington Vega | July 1, 2010
Made with:
150 stars15 watchers

About a code

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

jQuery Continuous Calendar

jQuery Continuous Calendar

Author:
Continuous Calendar | April 17, 2009
Made with:
84 stars6 watchers

About a code

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

TimePicki

TimePicki

Author:
senthil2rajan | September 18, 2014
Made with:
73 stars16 watchers

About a code

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

Wickedpicker

Author:
Eric Gagnon | July 21, 2015
Made with:
63 stars12 watchers

About a code

A simple jQuery timepicker.

TinyDatePicker And Calendar

TinyDatePicker And Calendar

Author:
Peter Dematté | July 13, 2016
Made with:
44 stars5 watchers

About a code

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

Calendar

Author:
Yusen | November 27, 2015
Made with:
42 stars10 watchers

About a code

A calendar component, based on jQuery.

Gemini DatePicker

Gemini DatePicker

Author:
GregZhang | February 24, 2017
Made with:
20 stars5 watchers

About a code

A full-featured datepicker jquery plugin.

Clock Timepicker

Clock Timepicker

Author:
Andy | May 19, 2017
Made with:
6 stars1 watchers

About a code

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

MDTimePicker

Author:
Dionlee Uy | August 29, 2017
Made with:
4 stars3 watchers

About a code

Material concept time picker jquery plugin.

Date Picky

Date Picky

Author:
Samip Shrestha | April 11, 2017
Made with:
0 stars1 watchers

About a code

Date-picky is a date picker with multiple features.

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨