This is a migrated thread and some comments may be shown as answers.

Timepicker control doens't appear on datetime grid filter in AngularJS

1 Answer 127 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Zak
Top achievements
Rank 1
Zak asked on 14 Dec 2016, 05:37 PM

Hello,

I'm using Grid with filters in my AngularJS application, following an example from http://demos.telerik.com/kendo-ui/grid/filter-menu-customization

My timestamp field has "date" type:

schema: {
           model: {
               id: "id",
               fields: {
                   applicationName: { type: "string" },
                   category: { type: "string" },
                   comment: { type: "string" },
                   entityName: { type: "string" },
                   userName: { type: "string" },
                   machineName: { type: "string" },
                   timestamp: { type: "date" }
               }
           }
       }

And I'm using the same column format: 

{
                    field: "timestamp",
                    title: "Timestamp",
                    format: "{0:MM/dd/yyyy HH:mm:ss}",
                    filterable: {
                        ui: "datetimepicker"
                    }
                },

But only date picker appears in the filter row of my grid, when there is date and time pickers appear in the example. See the screenshot attached.

The only difference I see is that my application uses Angular and the example is pure jQuery. 

How can I add timepicker in Angular?

 

 

 

 

 

 

1 Answer, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 16 Dec 2016, 10:28 AM
Hi Zak,

The screenshot suggests that the filtering mode is set to "row", while the discussed online demo customizes the default filter menu (AngularJS context does not change this functionality):

http://dojo.telerik.com/UceyA 

If you would like to customize the default filtering UI when in "row" filtering mode, you can use the columns.filterable.cell.template option, and provide a function configuring the desired UI:

http://dojo.telerik.com/UceyA/2

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress
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.
Tags
Grid
Asked by
Zak
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
Share this question
or