This time I will share jQuery Plugin and tutorial about jQuery Plugin To Auto Format Time Format – timepicker.js, hope it will help you in programming stack.
File Size: | 2.61 KB |
---|---|
Views Total: | 10156 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
timepicker.js is a minimalist jQuery plugin converting an input field into a time picker that automatically formats and corrects timestamps in 24 hour format.
How it works:
- Make sure first value is not greater than 2
- Make sure second value is not greater than 4
- Make sure that third value is not greater than 5
- Make sure only 5 Characters can be input
- Prevent Alpha and Special Character inputs
How to use it:
1. Download and load the jQuery timepicker.js script after you’ve loaded jQuery library.
1 |
< script src = "//code.jquery.com/jquery-1.12.1.min.js" ></ script > |
2 |
< script src = "timepicker.js" ></ script > |
2. Add the ‘data-timepicker’ attribute to the input field will auto initialize the plugin on document ready.
1 |
< input type = "text" name = "name" value = "" placeholder = "12:00" data-timepicker> |
This awesome jQuery plugin is developed by jonathonwang. For more Advanced Usages, please check the demo page or visit the official website.
source : jqueryscript.net