What is Date/Time Picker
With the growing popularity of responsive web design, there is an increased need for more flexible date selection UI.
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.
By using a custom date/time picker, you can provide the client with an easy-to-use visual indicator of available date/time for their project while maintaining a professional look.
The Best Date/Time Picker
Originally Published Dec 04 2017, updated Jan 04 2021
Table of contents:
jQuery Date/Time Picker Plugins:
datetimepicker is a jQuery plugin that popups a simple and clean date & time picker interface when an input field on focus.
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.
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.
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.
pickadate is a mobile-friendly, lightweight, and responsive jQuery plugin that helps you attaches a customizable Date Picker to your input field.
Vanilla JS Date/Time Plugins:
A beautiful, Material Design styled datetime picker component which allows you select date and time from a modal popup. Based on Materialize CSS framework.