Triggered when the underlying value of a DateTimePicker 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 dateTimePicker = $("#dateTimePicker").kendoDateTimePicker({
    change: onChange
});

// detach change event handler via unbind()
dateTimePicker.data("kendoDateTimePicker").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()
$("#dateTimePicker").data("kendoDateTimePicker").bind("change", onChange);

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

Fires when the calendar or the time drop-down list is closed

Example

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

To set after initialization

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

Event data

view : String: The view which is closed. Possible values are "date" and "time".

Fires when the calendar or the time drop-down list is opened

Example

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

To set after initialization

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

Event data

view : String: The view which is opened. Possible values are "date" and "time".