
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:
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.
- Publication date: 10.04.2018
- Source