Minimal Time Entry Input Plugin - jQuery DTimepicker

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.

See also:

• jQuery Widget For Date Entry and Validation - datetextentry
• jQuery Plugin for Input Field Date Format and Spinner - Date Entry
• jQuery Plugin for Input Field Time Format and Spinner - Time Entry

How to use it:

1. The DTimepicker library requires the latest version of jQuery library loaded in the document.

<script src="https://code.jquery.com/jquery-1.12.4.min.js" 
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" 
        crossorigin="anonymous">
</script>

2. Load the DTimepicker's files in the document.

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

3. Create a regular input field.

<input id="example" type="text">

4. Initialize the time entry input and done.

$(function(){

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

});

5. Set the initial time values.

$(function(){

  $('#example').timepicker({
    time: '12:00:00.000'
  });

});

 

---

This awesome jQuery plugin is developed by dmuy. For more Advanced Usages, please check the demo page or visit the official website.