Minimal Sliding Timer Picker Plugin For jQuery - mtimepicker

Minimal Sliding Timer Picker Plugin For jQuery - mtimepicker
File Size: 7.96 KB
Views Total:
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.