Formats

The TimePicker allows you to define its time formatting.

The following example demonstrates how to define the time format.

    @(Html.Kendo().TimePicker()
        .Name("TimePicker")
        .Value(DateTime.Now)
        .Format("{0:hh:mm:ss tt}")
    )

<kendo-timepicker name="TimePicker"
                  value="DateTime.Now"
                  format="{0:hh:mm:ss tt}"/>

The following example demonstrates how to define the interval (in minutes) between the values in the drop-down list with the time slots.

    @(Html.Kendo().TimePicker()
        .Name("TimePicker")
        .Value(DateTime.Now)
        .Interval(15)
    )

<kendo-timepicker name="TimePicker"
                  value="DateTime.Now"
                  interval="15"/>

See Also

• Basic Usage by the TimePicker HtmlHelper for ASP.NET Core (Demo)

• Basic Usage of the TimePicker TagHelper for ASP.NET Core (Demo)

• Using the API of the TimePicker HtmlHelper for ASP.NET Core (Demo)

• Server-Side API