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

DatePicker not working in the grid

1 Answer 846 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Randy
Top achievements
Rank 1
Randy asked on 23 Jul 2017, 10:52 AM

I have an MVC grid with a datetime column. I am using the Kendo DatePicker for the column. Edit mode for the grid is set to InLine. When the user clicks on the row, the row goes into edit mode. The datePicker for my datetime column displays correctly but when I click on the date icon to display the calendar, nothing happens. 

The MVC code for the column looks like this:

columns.Bound(p => p.DateOfSale).Title("Date of Sale").EditorTemplateName("DatePicker").ClientTemplate("#= DateOfSale ? moment.utc(DateOfSale,'MM/DD/YYYY').format('MM/DD/YYYY') : ''#").Width(120);

My DatePicker code is this:

@using Kendo.Mvc.UI
@model DateTime?
@(Html.Kendo().DatePickerFor(m => m)
    .Format("MM/dd/yyyy")
    )

1 Answer, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 26 Jul 2017, 08:11 AM

Hello,

At first sight it seems that there is a JavaScript error on the page and prevents the calendar from opening. Otherwise there is no obvious reason why the calendar is not shown when calendar icon is clicked, but the picker displays the date correctly. Could it be possible to check the browser's developer console for any errors? 

Regards,
Boyan Dimitrov
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.
Tags
Grid
Asked by
Randy
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Share this question
or