🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

DTimepicker is a minimal, convenient jQuery Time Entry plugin which makes it easy to change time values (24-hour) using a spinner or the keyboard.

Time-Picker

Documentation

DTimepicker

A simple JQuery timepicker plugin.

How to use:

First put a reference to timepicker.min.js and timepicker.css in your html.

<link rel="stylesheet" type="text/css" href="js/timepicker/timepicker.css"> <script type="text/javascript" src="js/timepicker/timepicker.min.js"></script> 

In your html markup, like what is shown below, create input element. Note: Make sure to have a reference to the element by using id or class.

<input id='mytimeicker' type='text'/> 

In your javascript code, call the .timepicker() function, as shown below.

$('#mytimeicker').timepicker(); 

You May Also Like