Minimal Sliding Timer Picker Plugin For jQuery - mtimepicker

File Size: 7.96 KB
Views Total: 3655
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
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.


  • 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="//"></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

Change log:


  • position fix

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