Triggered when the underlying value of a TimePicker is changed.

Attach change event handler during initialization; detach via unbind()

// event change for expand
var onChange = function(e) {
    // ...
};

// attach change event handler during initialization
var timePicker = $("#timePicker").kendoTimePicker({
    change: onChange
});

// detach change event handler via unbind()
timePicker.data("kendoTimePicker").unbind("change", onChange);

Attach change event handler via bind(); detach via unbind()

// event change for expand
var onChange = function(e) {
    // ...
};

// attach change event handler via bind()
$("#timePicker").data("kendoTimePicker").bind("change", onChange);

// detach change event handler via unbind()
$("#timePicker").data("kendoTimePicker").unbind("change", onChange);

Fires when the time drop-down list is closed

Example

$("#timePicker").kendoTimePicker({
    close: function(e) {
        // handle event
    }
});

To set after initialization

// get a reference to the timePicker widget
var timePicker = $("#timePicker").data("kendoTimePicker");
// bind to the close event
timePicker.bind("close", function(e) {
    // handle event
});

Fires when the time drop-down list is opened

Example

$("#timePicker").kendoTimePicker({
    open: function(e) {
        // handle event
    }
});

To set after initialization

// get a reference to the timePicker widget
var timePicker = $("#timePicker").data("kendoTimePicker");
// bind to the open event
timePicker.bind("open", function(e) {
    // handle event
});