Kendo Grid MVC Time field filter with TimePicker control

2 posts, 0 answers
  1. Amol
    Amol avatar
    1 posts
    Member since:
    Feb 2017

    Posted 19 Jun Link to this post

    I am displaying a Time field with datatype DateTime. I am displaying only time part at UI by using Data Format String  "{0:hh:mm:ss tt}")

    (eg. field value:02:00:00 AM).

    I want to apply filter on this field but by default filter option provides DatePicker control to select date but I want only TimePicker control to be display in filter?

    I don't want display DatePicker control because its not display in grid row.

    Please let me know if there are any demo for this scenario.

  2. Georgi
    Admin
    Georgi avatar
    141 posts

    Posted 20 Jun Link to this post

    Hello Amol

    The following code snippet illustrates how to change the UI widget of the filter menu of the Kendo Grid:

    .Columns(columns =>
    {
        columns.Bound(x => x.Date).Filterable(x => x.UI(GridFilterUIRole.TimePicker));
     
    })

    The dojo below illustrates the result after changing filter menu UI to Kendo TimePicker:



    Regards,
    Georgi
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top