Minimal Sliding Timer Picker Plugin For jQuery - mtimepicker

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.