Minimal Sliding Timer Picker Plugin For jQuery - mtimepicker
File Size: | 7.96 KB |
---|---|
Views Total: | 3720 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
mtimepicker is a jQuery plugin for converting a normal text field into a time picker for easier time selection.
Features:
- Wrap on standart input
- Time selection without keyboard use
- Easy styling
- Compact view on page
How to use it:
1. Insert jQuery library and the jQuery mtimepicker plugin's JavaScript & stylesheet files into the html document.
<link rel="stylesheet" href="css/mtimepicker.css"> <script src="//code.jquery.com/jquery-1.11.3.js"></script> <script src="mtimepicker.js"></script>
2. Create a standard text field on the webpage.
<input id="demo" type="text" readonly>
3. Call the function to generate a basic timer picker from the text field you created.
$('#demo').mTimePicker().mTimePicker( 'setTime', '12:00' );
4. API methods.
// Set new time value object.mTimePicker('setTime', string) // Return string value of selected time in format hh:mm object.mTimePicker('getTime')
Change log:
2016-01-22
- position fix
This awesome jQuery plugin is developed by vslko. For more Advanced Usages, please check the demo page or visit the official website.