Best jQuery DateTime Picker Plugins & Tutorials with Demo

    jQuery Date Time Picker : Intimidatetime

    jQuery Date Time Picker : Intimidatetime

    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!

    Timedropper : jQuery UI Timepicker

    Timedropper : jQuery UI Timepicker

    Timedropper is a jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker.

    jQuery Time Picker Plugin : ptTimeSelect

    jQuery Time Picker Plugin : ptTimeSelect

    jQuery plugin for displaying a popup that allows a user to define a time and set that time back to a form’s input field.

    jQuery Range Picker

    jQuery Range Picker

    jQuery range picker let you set a range between two numbers (positive or negative) or even dates and catch a value by dragging a cursor.

    Combodate : Dropdown Date and Time picker

    Combodate : Dropdown Date and Time picker

    Dropdown date and time picker.This plugin converts <input type="text"> into dropdown elements to pick day, month, year, hour, minutes and seconds.

    • support date, time, datetime
    • 12h / 24h format
    • based on momentjs
    • i18n

    Material Datetime Picker

    Material Datetime Picker

    A take on the material design date picker modal, built for the web.Works well with Materialize, or standalone.

    Combodate : jQuery Dropdown Date & Time picker

    Combodate : jQuery Dropdown Date & Time picker

    This plugin replaces <input type="text"> with dropdown elements to pick day, month, year, hour, minutes and seconds.
    You can submit form as usual because dropdowns don’t have name attribute and not submitted.

    • support date, time, datetime
    • 12h / 24h format
    • based on momentjs
    • i18n

    Monthly.js : jQuery Event Calendar Plugin

    Monthly.js : jQuery Event Calendar Plugin

    A jQuery based responsive event calendar plugin.

    Features:

    • Use as a date picker, or a full fledged calendar
    • Fully responsive design
    • Intuitive event labels
    • Event list detail mode
    • Handles multiple instances on the same page
    • Well commented code for easy customization

    Turn jQuery UI datepicker into a weekpicker

    Turn jQuery UI datepicker into a weekpicker

    In this article we transform the famous jQuery UI datepicker into a weekpicker. This means that when we hover over the calendar cells, the whole week row needs to be highlighted; and when we select a date, the week start and date will be returned. As usual, we’ll add some nice styling to our new widget.

    wsCalendar : jQuery Datepicker Plugin

    wsCalendar : jQuery Datepicker Plugin

    The wsCalendar is a jQuery plugin that provides datepicking features. It is easy to use and includes bunch of useful functions.