New to Telerik UI for ASP.NET CoreStart a free 30-day trial

Events

You can subscribe to the Open, Close, and Change TimePicker events and further customize the functionality of the component.

For a complete example on basic TimePicker events, refer to the demo on using the events of the DateRangePicker.

Handling Events by Handler Name

The following example demonstrates how to subscribe to events by a handler name.

Razor
    @(Html.Kendo().TimePicker()
      .Name("timepicker")
      .Events(e => e
            .Open("timepicker_open")
            .Close("timepicker_close")
            .Change("timepicker_change")
      )
    )

Handling Events by Template Delegate

The following example demonstrates how to subscribe to events by a template delegate.

Razor
    @(Html.Kendo().TimePicker()
        .Name("timepicker")
        .Events(e => e
            .Open(@<text>
                function() {
                    // Handle the open event inline.
                }
            </text>)
            .Change(@<text>
                function() {
                    // Handle the change event inline.
                }
            </text>)
            .Close(@<text>
                function() {
                    // Handle the close event inline.
                }
            </text>)
        )
    )

Next Steps

See Also