What is jquery-timesetter?

jquery-timesetter plugin generates UI components useful to take user inputs or to display time values with hour and minutes in a friendly format. UI provides intuitive behaviors for better user experience such as validations in real-time and keyboard arrow key support.

Plugin depends on:

  • jQuery 2.2.4
  • Bootstrap 3.3.7 CSS file

Samples

  • Basic usage To start with you can use any HTML container element such as <div/> or <p/>.

To apply timesetter capabilities you need to call .timesetter() on the HTML element.

$(document).ready(function(){
    $("#div1").timesetter();
    $("#div2").timesetter();
});
  • Customize options

  • Read input values

  • Set values

Authors and Contributors

You can @mention a GitHub username to generate a link to their profile. The resulting <a> element will link to the contributor’s GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.

Support or Contact

Having trouble with Pages? Check out our documentation or contact support and we’ll help you sort it out.