Best jQuery DateTime Picker Plugins & Tutorials with Demo

    PIGNOSE Calendar : Beautiful and Eidetic jQuery Date Picker Plugin

    PIGNOSE Calendar : Beautiful and Eidetic jQuery Date Picker Plugin

    PIGNOSE-Calendar helps you to make simple and eidetic datepicker with jQuery.This datepicker supports responsive display and mobile environment.

    Features:

    • Responsive and mobile friendly display
    • Multiple range datepicker support
    • Scheduling calendar support
    • Input type controller support
    • The toggle controll each of date buttons are supported
    • You can disable specific dates
    • Multiple languages are supported, (en, ko, fr, ch, de, jp, pt, da, pl, es, fa, it, cs, uk, ru, ka)

    jQuery Date Ranges Selector Plugin

    jQuery Date Ranges Selector Plugin

    A jQuery plugin to create and manage date ranges. Also requires jquery-ui for the datepickers.

    Timing Field : jQuery Time Selector Plugin

    Timing Field : jQuery Time Selector Plugin

    Timing Field is a jquery plugin to transform a timestamp field into an hours/minutes/seconds selector.

    jTimer : jquery Plugin for Time like strftime

    jTimer : jquery Plugin for Time like strftime

    jTimer is a jquery plugin for time that control the time with a structure like strftime with a high perfomance.

    Calentim : jQuery Date Time Range Picker

    Calentim : jQuery Date Time Range Picker

    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

    Caleran : jQuery Date Range Picker

    Caleran : jQuery Date Range Picker

    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

    flatpickr : jQuery Lightweight & Powerful DateTime Picker

    flatpickr : jQuery Lightweight & Powerful DateTime Picker

    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.

    Wickedpicker : jQuery Timepicker Plugin

    Wickedpicker : jQuery Timepicker Plugin

    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

    jQuery Tiny Date Picker and Calendar

    jQuery Tiny Date Picker and Calendar

    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.

    jQuery Timepicker Addon to jQueryUI Datepicker

    jQuery Timepicker Addon to jQueryUI Datepicker

    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.