10 Best Date And Time Picker JavaScript Plugins (2019 Updated)

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 June 08 2019

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]


jQuery Date and Time Picker Plugin - Simple Datetimepicker

Simple Datetimepicker is a jQuery plugin that makes it easy to create Date and Time Picker in different styles for your project.

jQuery Date and Time Picker Plugin - Simple 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]


Simple jQuery Calendar and Date Picker Plugin - PickMeUp

PickMeUp is yet another jQuery plugin for creating a customizable date picker embedded within an input filed that will popup when the input is focused.

Simple jQuery Calendar and Date Picker Plugin - PickMeUp

[Demo] [Download]


Customizable jQuery Timepicker Plugin - timepicker

timepicker is a lightweight (~2.5kb minified and gzipped) jQuery plugin inspired by Google Calendar that adds highly customizable time picker to your project.

Customizable jQuery Timepicker Plugin - timepicker

[Demo] [Download]


Vanilla JS Date/Time Plugins:

Beautiful Material Design Date & Time Picker

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

Beautiful Material Design Date & Time Picker

[Demo] [Download]


Flat Style JavaScript Date Picker – flatpickr

flatpickr is a simple yet powerful and customizable JavaScript library which enables the visitor to pick a date/time/date range from a flat, clean, customizable calendar.

Flat Style JavaScript Date Picker – flatpickr

[Demo] [Download]


Lightweight Pure JavaScript Date Picker library – DatePickerX

DatePickerX is a lightweight, native JavaScript based date picker which enables the visitor to select dates, months and years in a nice clean calendar view.

Lightweight Pure JavaScript Date Picker library – DatePickerX

[Demo] [Download]


Pure JavaScript Date & Time Picker – MTR Datepicker

A pure JavaScript date picker which enables the user to select a date & time by using up / down arrows or mouse wheel.

Pure JavaScript Date & Time Picker – MTR Datepicker

[Demo] [Download]


Highly Customizable Date and Time Picker with Rome.js

Rome.js is a simple to use JS library for appending a highly customizable date & time picker on your input field when clicked/focused on.

Highly Customizable Date and Time Picker with Rome.js

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