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
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
- Vanilla JavaScript Date/Time Picker Plugins
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.
[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.
[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.
[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.
[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.
[Demo] [Download]
Vanilla JS Date/Time Plugins:
Minimal Date & Time Picker – dtsel
A minimal, clean, simple-to-implement date & time picker in plain JavaScript.
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.
[Demo] [Download]
Minimalist Date Picker Web Component – Carbox
A minimal, easy-to-implement, framework-agnostic, date picker web component written in vanilla JavaScript.
Demo Download
simplePicker
simplePicker is a vanilla JavaScript plugin to create Material Design inspired date picker with time picker integrated.
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.
[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:
- 10 Best Date And Timer Pickers In Vanilla JavaScript
- 10 Best Date Picker Libraries For Angular.js
- 10 Best Date Picker Components For Vue.js
- Best Date & Timer Picker Components For React & React Native
- Prev: 7 Newest Free jQuery Plugins For This Week #49 (2017)
- Next: Weekly Web Design & Development News: Collective #218
Source: https://www.jqueryscript.net/blog/best-date-time-picker.html
Posted by: freddycutte0193185.blogspot.com
