Best jQuery DateTime Picker Plugins & Tutorials with Demo

Calentim : jQuery Date Time Range Picker

July 3, 2017 | Calendar, Plugins, Premium

Calentim is a Date/Time Range Picker plugin, built using jQuery and moment.js libraries. It can also be used as a single date/time picker besides the range selection feature. Can be shown inline or used as a dropdown beside an input.

Features:

Option to hide specific parts of the instance (header, footer)
Mobile friendly (both portrait and landscape layouts are supported)
Support for predefined ranges
Can be shown as an inline control
Wide localization support (Available languages)
Can also be used as a single datetime picker
Sass template included

Read More Demo

Caleran : jQuery Date Range Picker

February 28, 2017 | Calendar, Plugins, Premium

Caleran is a Date Range Picker plugin, built using jQuery and moment.js libraries. It can also be used as a single date picker besides the range selection feature. Can be shown inline or used as a dropdown beside an input.

Features:

Option to hide specific parts of the instance
Mobile friendly (both portrait and landscape layouts are supported)
Support for predefined ranges
Can be shown as an inline control
Wide localization support (Available languages)
Can also be used as a single date picker
Sass template included
Grunt file included

Read More Demo

flatpickr : jQuery Lightweight & Powerful DateTime Picker

August 20, 2016 | Calendar, Plugins

You may have heard of Flatpickr as it is one of the most widely used date and time pickers available. We are including it in our list because it’s authors have recently announced version 2.0, introducing lots of new features like jQuery compatibility, improved performance, SVG icons, and more.

Read More Demo

Wickedpicker : jQuery Timepicker Plugin

July 25, 2016 | Plugins

Wickedpicker turn any input element into a elegant timepicker.

Features:

Simple user interface
Minimally invasive CSS, no styles applied to input fields
Lightweight
Easy to implement
All instances on the page use the same timepicker selector, no duplication
Supports click and click & hold for quick time selecting

Read More Demo

jQuery Tiny Date Picker and Calendar

July 16, 2016 | Calendar, Plugins

This 4.91KB (gZip; 11.79KB minified) small date/time picker provides a lot of hooks for developers to write calendars, agendas, booking systems, plugins, etc. This is not only a picker but a set of modules that can be used to build a date/agenda based app.

Read More Demo

jQuery Timepicker Addon to jQueryUI Datepicker

May 22, 2016 | jQuery UI, Plugins

The timepicker addon adds a timepicker to jQuery UI Datepicker, thus the datepicker and slider components (jQueryUI) are required for using any of these. In addition all datepicker options are still available through the timepicker addon.

Read More Demo

jQuery Date Time Picker : Intimidatetime

May 15, 2016 | Plugins

A wicked good date time picker for jQuery and Zepto.Intimidatetime is still young, but already comes with many features like timezones, i18n, unix timestamps, date time ranges, and more!

Read More Demo