Best jQuery DateTime Picker Plugins & Tutorials with Demo

    jQuery Bootstrap Date/Time Picker

    jQuery Bootstrap Date/Time Picker

    Date/time picker widget based on twitter bootstrap.

    jQuery Week Scheduler Widget Plugin

    jQuery Week Scheduler Widget Plugin

    A jQuery plugin that implements a UI control to let users pick a specific time of one or more weekdays

    Munda Forms – Clean, Modern, Responsive Web Forms

    Munda Forms - Clean, Modern, Responsive Web Forms

    Munda forms is a set of modern, clean form elements suitable for any type of website or form. The package includes 3 working AJAX forms, 5 color variations, 35 HTML demos.

    • Bootstrap grid system
    • 200+ icons
    • jQueryUI widgets: accordion, autocomplete, button, datepicker, dialog, menu, progressbar, selectmenu, slider, spinner, tabs, tooltip.
    • Timepicker, Monthpicker, Input masking
    • Colorpicker
    • Responsive embeded content: Youtube videos, Google maps, Vimeo videos.
    • Star rating
    • Social buttons: 53 brands.
    • CAPTCHA
    • Client side validation
    • Server side validation
    • LESS files

    Timepicki : jQuery Time picker plugin

    Timepicki : jQuery Time picker plugin

    Timepicki – free Time picker jquery plugin, it is simple and clean timepicker so user can understand to set time for your project in input forms.

    Rome : Customizable Date & Time Picker

    Rome : Customizable Date & Time Picker

    Customizable date (and time) picker. Opt-in UI, no jQuery!.Rome synchronizes in real-time with inputs, never steals focus, and its CSS is entirely customizable!

    jQuery.minical : A lightweight Datepicker plugin

    jQuery.minical : A lightweight Datepicker plugin

    Minical is teeny (~300 lines of Coffeescript), and has no dependencies other than jQuery, its icon PNG and stylesheet (which has SASS variables for easy customization).

    It has full keyboard support and also defaults to make the associated input read-only, so its value can only be changed by the date format specified in the plugin, alleviating unexpected JavaScript date-parsing drama. (It also works great on mobile, with just enough touch event handling to behave properly.)

    ClockPicker : Clock-style Timepicker for Bootstrap

    ClockPicker : Clock-style Timepicker for Bootstrap

    A clock-style timepicker for Bootstrap a jquery plugin.Both desktop and mobile device are supported. It also works great in touch screen device.All major browsers are supported, including IE 9+. It should look and behave well enough in IE 8.

    BeatPicker : jQuery Date Picker Widget

    BeatPicker : jQuery Date Picker Widget

    Beatpicker is a simple and powerful date picker widget for jQuery.

    Features:

    • Different Date Formats.
    • Different Position options.
    • Custom Separator.
    • Disable Any Month option.

    Smart Forms with jQuery Html5 & CSS3

    Smart Forms with jQuery Html5 & CSS3

    Smart Forms is a responsive professional Form Framework / pack with a clean consistent Form UI. The framework includes a variety of form Widgets such as Datepickers, Timepickers, Monthpickers, Colorpickers, Numeric Steppers, UI Sliders, Google maps, toggle switches validation, masking among other features.

    Features:

    • Multiple form inputs
    • File inputs / uploaders
    • CSS3 checkboxes + Radios
    • CSS3 toggle switches
    • CSS3 review & rating
    • Tooltips + vector icons
    • Notification alerts
    • CSS3 multi shape buttons
    • Animated progress bars
    • Simple pricing tables
    • Ajax form processing
    • Input masking
    • PHP CAPTCHA with refresh support
    • 40+ starter templates included
    • Date & time picker widgets

    Responsive flat design jQuery DateTime Picker plugin

    Responsive flat design jQuery DateTime Picker plugin

    Responsive flat design jQuery DateTime Picker plugin for Web & Mobile.DateTime Picker is a quick highly customizable jQuery plugin. The design is clutter free & well suited for embedding it into mobile application development.

    Users can change values using +/- buttons or type values directly into the textbox by selecting each value fields.