jQuery DatePicker – Are you looking for jQuery DatePicker Plugins, If yes then in this post I am going to share hand-picked jQuery DatePicker Plugins for you. If you need to work with dates in your web projects and need a Bootstrap, JavaScript based solution then these datapicker example help you in your next web based projects.

jQuery DatePicker

Following are the list of jQuery DatePicker.

bootstrap datepicker DEMO

  bootstrap datepicker

using boostrap + eternicode bootstrap-datepicker – By Yuping


jQuery ui material design datepicker DEMO

  jQuery ui material design datepicker

jQuery UI is solid. I wanted to see how hard it would be to use a good datepicker implementation styled as a google material designed widget. – By dbellotti


Bootstrap 3 Datepicker Example DEMO

  Bootstrap 3 Datepicker Example

Using datepicker https://github.com/uxsolutions/bootstrap-datepicker . – By lordhelmchen



jQuery Datepicker DEMO

  jQuery Datepicker

– By andreasstorm


Bootstrap Datepicker Demo DEMO

  Bootstrap Datepicker Demo

Using a bootstrap datepicker and the getDate method to add a second string with different date formatting. – By hexagoncircle


Daily UI #13 | jQuery Datepicker summer vibe DEMO

  Daily UI #13 | jQuery Datepicker summer vibe

Simple styling of the jQuery UI Datepicker. Image credit to: https://dribbble.com/shots/2135645-Minimalistic-Low-Poly-Style-Summer-Wallpaper – By havardob


Campsite Registration DEMO

  Campsite Registration

Just playing around with dialog design in bootstrap. – By andy31415


jQuery UI Datepicker with AngularJS DEMO

  jQuery UI Datepicker with AngularJS

– By tutorialab



Material Datepicker DEMO

  Material Datepicker

This is my Material Design inspired datepicker. I used zebraDatepicker.js and animate.css to create this type of datepicker. – By kucsatax


Angular Material Datepicker and ngMask DEMO

  Angular Material Datepicker and ngMask

Sample how to integrate ngMask with Angular Material Datepicker. – By _4zuko


Simple jQuery date picker DEMO

  Simple jQuery date picker

Example of jQuery datepicker using jQuery, jQuery UI, and jQuery CSS skin – By bskousen


jQuery Datepicker – Customize Theme DEMO

  jQuery Datepicker - Customize Theme

– By WHKane


.datepicker(); DEMO

  .datepicker();

– By WhiteWolfWizard


jQuery UI Material Design Datepicker DEMO

  jQuery UI Material Design Datepicker

Converting the (Aristo jQuery UI theme) datepicker to Material Design with sass. – By dominicgan


Datepicker DEMO

  Datepicker

– By andreasstorm



jQuery Datepicker DEMO

  jQuery Datepicker

– By andreasstorm


Materialize – Datepicker DEMO

  Materialize - Datepicker

– By yaennuuh


jQuery UI: Datepicker Reset Date DEMO

  jQuery UI: Datepicker Reset Date

Answer to Stackflow question http://stackoverflow.com/questions/16895056/jquery-ui-datepicker-reset-date – By alexgill


Simple Bootstrap datepicker example DEMO

  Simple Bootstrap datepicker example

– By milz


styling jquery datepicker with custom CSS DEMO

  styling jquery datepicker with custom CSS

Change jquery datepicker look and feel by changing CSS, material design – By shiovan



Datepickk.js DEMO

  Datepickk.js

The most beautiful datepicker alive. Quite simple too… – By crsten


Dark Datepicker DEMO

  Dark Datepicker

By CSSFlow: free UI elements and widgets coded with HTML5, CSS3, and Sass. – By Thibaut


jquery ui datepicker español DEMO

  jquery ui datepicker español

– By EduTel


Multi-select jQuery UI calendar DEMO

  Multi-select jQuery UI calendar

– By darrentorpey


Bootstrap Dynamic Datepicker DEMO

  Bootstrap Dynamic Datepicker

Easily add dynamic datepicker fields to bootstrap forms. – By sivadass


UI Datepicker Modification DEMO

  UI Datepicker Modification

– By jexordexan


Datepicker disable past dates DEMO

  Datepicker disable past dates

– By ben108



Custom Calendar Widget DEMO

  Custom Calendar Widget

Inspired by: http://dribbble.com/shots/513118-Calendar – By SaraSoueidan


jQuery Date Time Picker DEMO

  jQuery Date Time Picker

Using a jQuery plugin for datepicker – By adamaoc


jQuery UI Datepicker Calendar DEMO

  jQuery UI Datepicker Calendar

Inspired by http://codepen.io/havardob/pen/WwWooB. Simple JQuery and CSS practice. – By Alahab2


Hijri/Gregorian Datepicker Demo DEMO

  Hijri/Gregorian Datepicker Demo

– By zulns


Datepicker and Ranged datepicker DEMO

  Datepicker and Ranged datepicker

Examples and skin for ‘Bootstrap Datepicker’. – By btn-ninja



Datepicker – Bootstrap 4 beta – fengyuan DEMO

  Datepicker - Bootstrap 4 beta - fengyuan

Shows a simple but effective datepicker working with Boostrap 4 (beta). – By whitneyland


DatePicker jQuery example DEMO

  DatePicker jQuery example

– By lwisdom43


Bootstrap datepicker in modal DEMO

  Bootstrap datepicker in modal

– By Sinetheta


MD Datepicker Demo DEMO

  MD Datepicker Demo

– By TheLarkInn


Check in and out bootstrap datepicker DEMO

  Check in and out bootstrap datepicker

– By amandalouise


Date Picker(jQuery) DEMO

  Date Picker(jQuery)

date picker is working example for https://dribbble.com/shots/1561471-Calendar-Popover – By suriyag



Bootstrap Multi Select Date Picker DEMO

  Bootstrap Multi Select Date Picker

– By ranjith555


Mk DatePicker DEMO

  Mk DatePicker

Flexible Datepicker/Calendar User Interface build with Responsive Design and Accessibility in mind. – By MarkitDigital


JQuery UI Datepicker Range Selection DEMO

  JQuery UI Datepicker Range Selection

Enables selection of a date range using jQuery UI datepicker – By dbaines


Bootstrap Datepicker DEMO

  Bootstrap Datepicker

– By VaidehiBaviskar


datepicker with mask input DEMO

  datepicker with mask input

datepicker with mask input – By Zen_dev



Angular Material Datepicker DEMO

  Angular Material Datepicker

I’ve made alternative to standard angular material datepicker for my needs. So there is the codepen for it. – By fdooch


A Pen by Mohit Bhansali DEMO

  A Pen by Mohit Bhansali

– By mohitbhansali


Bootstrap date & time picker DEMO

  Bootstrap date & time picker

– By Wimski


Date and Time Picker DEMO

  Date and Time Picker

Date and time picker directive – By jaromvogel


Datepicker y Materialize CSS en español DEMO

  Datepicker y Materialize CSS en español

Simple ejemplo que muestra cómo configurar el datepicker en MaterializeCSS para que las fechas se muestren en español – By parzibyte


jQuery UI Datepicker DEMO

  jQuery UI Datepicker

Starting from X days from today. ‘To’ date is at least Y day(s) and max Z year(s) from ‘From’ date. – By pietraszekl


bootstrap datepicker multi Date DEMO

  bootstrap datepicker multi Date

– By acecode



Calendar – Daily UI #038 DEMO

  Calendar - Daily UI #038

– By daliannyvieira


Custom DatePicker DEMO

  Custom DatePicker

– By smfoisal


Clean Vue datepicker component with animations DEMO

  Clean Vue datepicker component with animations

Just a Vue datepicker, trying to do something clean & smooth, hope you guys enjoy it – By LoicMonard


DatePicker DEMO

  DatePicker

– By ilgidius


Spanish Angular Material DatePicker DEMO

  Spanish Angular Material DatePicker

– By jros



Bootstrap Datepicker Material Look with Material Input DEMO

  Bootstrap Datepicker Material Look with Material Input

– By salahuddin


Angular Material Datepicker validation issue DEMO

  Angular Material Datepicker validation issue

If user deletes value from Date input field an error message ‘This date is required’ is being shown which is expected behavior. The error message ‘This date is required’ is still shown to user if user enters valid date (e.g. 10/10/2000). – By _4zuko


jQuery UI Date Picker DEMO

  jQuery UI Date Picker

Built on top of Andreas Storm date picker: http://codepen.io/andreasstorm/pen/bBFgK – By aktorou


jQuery UI datepicker with arrow pointing the input DEMO

  jQuery UI datepicker with arrow pointing the input

– By berkin


bootstrap datepicker date range DEMO

  bootstrap datepicker date range

using bootstrap + Eonasdan bootstrap-datetimepicker include validation – By Yuping


UX-asperation DEMO

  UX-asperation

based on this all-too-real abomination https://twitter.com/darylginn/status/1053646859686809600 – By cobra_winfrey


A Pen by Vineeth.TR DEMO

  A Pen by Vineeth.TR

– By vineethtr



datepicker DEMO

  datepicker

– By dhorelik


VUEjs Datepicker DEMO

  VUEjs Datepicker

– By rgbskills


Custom DatePicker for iOS DEMO

  Custom DatePicker for iOS

Try to tap the box. – By kimmy


Date Picker DEMO

  Date Picker

Pretty datepicker. Uses the scroll. – By danielberigoi


React Datepicker DEMO

  React Datepicker

TODO: highlight today’s date – By joemaffei



DatePicker Materialize Issue DEMO

  DatePicker Materialize Issue

– By Rayshader


HTML5 input with datepicker demo DEMO

  HTML5 input with datepicker demo

HTML5 input tag type=’date’ with built in datepicker Works in Chrome, Opera, Firefox and Edge browsers – By nikitahl


datepicker DEMO

  datepicker

– By by-Meftunca


Materializecss Datepicker on Vue.js DEMO

  Materializecss Datepicker on Vue.js

This shows how to enable materializecss datepicker on Vue.js – By gozonjoedaimar


I Hope you liked Hand-picked list of jQuery DatePicker, Don’t forget to Subscribe My Public Notebook for more useful Hand-picked HTML and CSS code examples, tutorials and articles.