Kendo grid - date field is non editable

Question

I have kendo grid which has an 'end_date' column. The date is coming from server and it was getting converted to local timezone. To fix this issue I have used this code

Server side:

DateTime time = DateTime.Now();
string end_date = time.ToString("MM/dd/yyyy");

client side:

columns.Bound(c => c.end_date).Format("{0:MM/dd/yyyy}").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(true))).Width(225);

But by using this approach , the end_date column in becoming non-editable. How can I make it editable and filterable?

https://www.c-sharpcorner.com/blogs/date-field-binding-in-kendo-grid Can you please check above link — , Feb 02 '21 at 13:15
Can you please check this link https://stackoverflow.com/questions/18786922/kendo-mvc-grid-inline-edit-mode-datetimepicker-template-gives-error — , Feb 03 '21 at 07:42
Can you try to share a working example for better understanding the problem you are facing please? — deep206, Feb 08 '21 at 21:35

score 0 · Accepted Answer · answered Feb 09 '21 at 03:51

The issue is resolved

Model class

DateTime end_date {get;set;}

[DataType(DataType.Date)] // Annonate with this
string end_date_only = end_date.ToString("MM/dd/yyyy");

in cshtml: Use end_date and end_date_only as shown below with ClientTemplate

columns.Bound(c => c.end_date).Format("{0:MM/dd/yyyy}").ClientTemplate("#= kendo.toString(kendo.parseDate(end_date_only ), 'MM/dd/yyyy') #").Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(true))).Title("End Date").Width(225);

Kendo grid - date field is non editable

1 Answers1