19 jQuery + Bootstrap time picker plugins

14.6K views
1 Comment
13 Dec 2015 11:20 pm

ClockPicker – A clock-style timepicker for Bootstrap (or jQuery)

ClockPicker - A clock-style timepicker for Bootstrap (or jQuery)

ClockPicker – A clock-style timepicker for Bootstrap (or jQuery)

Bootstrap DateTime Picker

Bootstrap DateTime Picker

Bootstrap DateTime Picker – Bootstrap from component to handle date and time data

Bootstrap 3 Datepicker

Bootstrap 3 datepicker with time picker

Bootstrap 3 datepicker with time picker

Date/Time Picker for Twitter Bootstrap

Date and Time Picker for Twitter Bootstrap

Date and Time Picker for Twitter Bootstrap

jQuery Time picker

jQuery Time picker

Use this plugin to unobtrusively add a timepicker dropdown to your forms. It’s lightweight (2.7kb minified and gzipped) and easy to customize.

DateTimePicker jQuery plugin select date and time(premium)

DateTimePicker jQuery plugin select date and time

This is detailed and best calendar view – premuim plugin

jQuery Timepicker

jQuery Time picker

How to Use To use jQuery TimePicker you’ll need to include two files: jquery.timepicker.js and jquery.timepicker.css. Then, assuming you have an <input> element in your document, you can use the following code to initialize the plugin:

jQuery.ptTimeSelect

jQuery.ptTimeSelect jquery timepicker

jQuery.ptTimeSelect is called against input fields to attach a Time Select widget to each matched element. Each element, when focused upon,

 

jQuery Time Entry

jQuery Time Entry

A jQuery plugin that sets an input field up to pick a time value using a spinner.

Time picker – pickdate.js

Time picker - pickdate.js

The basic setup requires targeting an input element and invoking the picker: Display a human-friendly label and input format and use an alternate one to submit.

Time Picker jQuery plugins – Timepicker

Time Picker jQuery plugins - Timepicker

This jQuery plugin allows you to add a time picker to make it easier to select times to your Bootstrap form. This time picker can be fully customized to match the look and feel you want using HTML and CSS.

React Time Picker

React Time Picker

React Time Picker npm install –save react-time-picker Github: github.com/zippyui/react-time-picker

ALLOYUI Timepicker

ALLOYUI Timepicker

Create an element to trigger a Timepicker, There are some other options that you can pass to your Timepicker instance.

jTimepicker Yet another jQuery time picker plugin

jTimepicker Yet another jQuery time picker plugin

jTimepicker is a jQuery plugin for set hours, minutes and seconds individually with jQuery UI Slider. jTimepicker accepts a list of options to control the appearance

TimePicker Widget TimePicker.php

TimePicker Widget TimePicker.php

The TimePicker widget supports all parameters that one would pass for any Yii Input Widget The TimePicker widget allows you to easily select a time for a text input using your mouse or keyboards arrow keys

jQuery UI Timepicker by Francois Gelinas

jQuery UI Timepicker by Francois Gelinas

Time picker with period (AM/PM) in input and with hours leading 0s Two timepickers to select chronological time range, the first timepicker is restricted to before the time selected in the second timepicker

Adding a Timepicker to jQuery UI Datepicker

Adding a Timepicker to jQuery UI Datepicker

Add a simple datetimepicker to jQuery UI’s datepicker. Define your own timezone options:

jquery filthypillow-fancy and small calendar and date-time picker

jquery filthypillow-fancy and small calendar and date-time picker

Hotkeys enter (save) left-right arrows/tab (switch steps) up-down arrows (change digits) number keys (change digits)

jquery-simple-datetimepicker

jquery-simple-datetimepicker

Append to Input-field (Inline) dateFormat (“dateFormat”: “YY/MM/DD h:m”) Multiple Available locales

NOTE:Your Email Address will be not shown and please do not add spamming comments because here is REL="NOFOLLOW" on your links and comments also moderated shown.
<code>Put html css or any language code under this tag</code>

1 Comments on 19 jQuery + Bootstrap time picker plugins
  • This specific jQuery date picker plugin was developed by Stefan Petre who has released a number of related plugins as well. His work is fantastic and provides a solid base for web developers to quickly build date input forms. This particular code offers a myriad of customizations where you can start at any year, month, or date.