jQuery Spinner Control

Default Implementation|Time Spinner|Spinning List of Items|Decimal Spinner

Demo: Time Spinner

Demo Description: You can provide a min and max value with an interval for a range type of Spinner Control. In this demo below we are going to demonstrate the jQuery Spinner Control to spin Time.

Note:Please goto http://github.mindzgroup.com/spinner-contorl for updates as this site is no longer updated.

Code: Time Spinner

$(function () {
    $("#txtHours").SpinnerControl({
        type: 'range',
        typedata: { min: 0, max: 23, interval: 1 },
        defaultVal: 10,
        width: '50px'
    });
    $("#txtMinutes").SpinnerControl({
        type: 'range',
        typedata: { min: 0, max: 59, interval: 1 },
        defaultVal: 10,
        width: '50px'
    });
})

Output:

Hours:

Minutes:

Home|Documentation