New to Kendo UI for jQuery? Start a free 30-day trial

Change

events

Fired when the value of the widget is changed by the user.

The event handler function context (available via the this keyword) will be set to the widget instance.

Important: The event is not fired when the value of the widget is changed from code.

Event Data

e.sender kendo.ui.TimeDurationPicker

The widget instance which fired the event.

<input id="timedurationpicker" />
<script>
    var picker = $("#timedurationpicker").kendoTimeDurationPicker({
        columns: [ "hours", "minutes" ],
        change: function(e){
            var value = this.value();
/* The result can be observed in the DevTools(F12) console of the browser. */
            console.log(value);
            // Use the value of the widget
        }
    })
</script>
<input id="timedurationpicker" />
<script>
    function picker_change(e) {
        var value = this.value();
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log(value);
        // Use the value of the widget
    };

    var picker = $("#timedurationpicker").kendoTimeDurationPicker({ columns: [ "hours", "minutes" ] }).data('kendoTimeDurationPicker');

    picker.bind("change", picker_change)
</script>
Not finding the help you need?
Contact Support