10 Best Date And Time Picker JavaScript Plugins (2021 Update)

by jQueryScript,

What is Date/Time Picker

A Date/Time picker is a UI component that makes it easier to help visitors to quickly select dates, times and/or date ranges on the booking, schedule, event calendar web apps.

The Best Date/Time Picker

In this post you will find the 10 best Date/Time Picker plugins implemented in jQuery and Pure (Vanilla) JavaScript. I hope you like it.

Originally Published Dec 04 2017, updated Jan 04 2021

Table of contents:

jQuery Date/Time Picker Plugins:

Clean jQuery Date and Time Picker Plugin - datetimepicker

datetimepicker is a jQuery plugin that popups a simple and clean date & time picker interface when an input field on focus.

Clean jQuery Date and Time Picker Plugin - datetimepicker

[Demo] [Download]


Customizable Date/Time Picker Component For Bootstrap 4

This is a useful and highly customizable date/time picker component for Bootstrap 4 framework that uses Font Awesome icons instead of Bootstrap 3 Glyphicons.

Customizable Date/Time Picker Component For Bootstrap 4

[Demo] [Download]


Basic Year Picker For Text Input - YearPicker.js

YearPicker.js is a lightweight yet configurable year picker for jQuery that makes it easy to select a year from a popup similar to the date picker.

Basic Year Picker For Text Input - YearPicker.js

[Demo] [Download]


Persian (Jalali) Calendar & Data Picker Plugin With jQuery - kamaDatepicker

kamaDatepicker is a customizable jQuery Jalali (Shamsi) calendar plugin for jQuery that makes it easier to select Persian(Jalali) dates with lots of useful options.

Persian (Jalali) Calendar & Data Picker Plugin With jQuery - kamaDatepicker

[Demo] [Download]


Lightweight jQuery Date Input Picker - pickadate

pickadate is a mobile-friendly, lightweight, and responsive jQuery plugin that helps you attaches a customizable Date Picker to your input field.

Lightweight jQuery Date Input Picker - pickadate

[Demo] [Download]


Vanilla JS Date/Time Plugins:

Minimal Date & Time Picker – dtsel

A minimal, clean, simple-to-implement date & time picker in plain JavaScript.

Minimal Date & Time Picker – dtsel

Demo Download


Flat Style JavaScript Date Picker – flatpickr

flatpickr is a super simple JavaScript library which enables the visitor to pick a date from a flat, clean, customizable calendar.

Flat Style JavaScript Date Picker – flatpickr

[Demo] [Download]


Minimalist Date Picker Web Component – Carbox

A minimal, easy-to-implement, framework-agnostic, date picker web component written in vanilla JavaScript.

Minimalist Date Picker Web Component – Carbox

Demo Download


simplePicker

simplePicker is a vanilla JavaScript plugin to create Material Design inspired date picker with time picker integrated.

Material Inspired Date & Time Picker - simplePicker-min

Demo Download


Hello Week

A beautiful, Material Design styled datetime picker component which allows you select date and time from a modal popup. Based on Materialize CSS framework.

Hello Week

[Demo] [Download]


Conclusion:

Want more jQuery plugins or JavaScript libraries to create awesome date/time pickers on the web & mobile? Check out the jQuery Date Picker and JavaScript Date Picker sections.

More Resources: