🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Timeselect is a jQuery plugin to turn a text input into a time selector using date.js and jQuery UI autocomplete widget.

jQuery-UI Time-Picker

Documentation

jquery.ui.timeselect

A jQuery UI library for selecting time.

Requirements

  1. jQuery (1.6+)
  2. jQuery UI (1.10+)
  3. Datejs

##Options

  1. step (default: 30) : The minute increment of the select options.
  2. format (default: 'h:mm tt') : The string format of the display time (For more examples, look at the ".toString()" method of the core.js file in Datejs).
  3. maxResults (default: null) : The maximum number of results displayed, or no limit if null.
  4. autocompleteSettings (default: {}) : Settings to override the jQuery UI Autocomplete settings.

##Examples

Basic Example

$('#example-1').timeselect({     'step': 15,     autocompleteSettings: {         autoFocus: true     } });

Maximum Results

$('#example-1').timeselect({     'step': 15,     autocompleteSettings: {         autoFocus: true     } });

Military Time

$('#example-1').timeselect({     'step': 15,     autocompleteSettings: {         autoFocus: true     } });

To see a working example, go to https://dochoffiday.github.io/jquery.ui.timeselect/


You May Also Like