YouTip

# jQuery EasyUI Form Plugin - Timespinner * * jQuery EasyUI Plugin](#) * * * Extended from $.fn.spinner.defaults. Use $.fn.timespinner.defaults to override the default values. The timespinner is created based on the spinner. It is similar to the numberspinner, but it only displays time values. The timespinner allows users to increase or decrease time by clicking the small spinner buttons on the right side of the component. !(#) ## Dependencies * spinner ## Usage Create timespinner from markup. Create timespinner using javascript. $('#ss').timespinner({ min: '08:30', required: true, showSeconds: true}); ## Properties The properties extend from spinner, following properties are added for timespinner: | Name | Type | Description | Default | | :--- | :--- | :--- | :--- | | separator | string | The separator between hours, minutes, and seconds. | : | | showSeconds | boolean | Defines whether to show the seconds information. | false | | highlight | number | The initially highlighted field, 0 = hour, 1 = minute, ... | 0 | ## Events The events extend from spinner. ## Methods The methods extend from spinner, following methods are overridden for timespinner: | Name | Parameter | Description | | :--- | :--- | :--- | | options | none | Return the options object. | | setValue | value | Set the timespinner value. Code example: $('#ss').timespinner('setValue', '17:45'); // set timespinner valuevar v = $('#ss').timespinner('getValue'); // get timespinner value alert(v); | | getHours | none | Get the current hour value. | | getMinutes | none | Get the current minute value. | | getSeconds | none | Get the current second value. | * * jQuery EasyUI Plugin](#)