Kendo Grid inline edit with Datetime DatePickerFor

Question

kendo inline cell edit not support for datetime format. I need "dd/MMM/yyyy" data format but kendo grid shows "the filed date must be a date" error. can you please advice me to what to do

Welcome to StackOverflow! When you post questions that deal with HTML and JavaScript, it is always very helpful to others if you can also post an example of the code that you have tried so far. You can use jsFiddle or jsBin or StackOverflow's own code snippets: blog.stackoverflow.com/2014/09/… — CodingWithSpike

CodingWithSpike CodingWithSpike · Accepted Answer · 2014-10-22T11:32:50

You can use a custom editor to do this.

References:

The code would look something like this (not tested, but it should be close enough to give you the right idea):

var customDateEditor = function (container, options) {
    $('<input />')
        .appendTo(container)
        .kendoDatePicker({
            format: "dd/MMM/yyyy"
        });
};

$("#grid").kendoGrid({
    ...
    columns:[
        {
            field: "myDate",
            format: "dd/MMM/yyyy",
            editor: customDateEditor
        }
    ]
});

Kendo Grid inline edit with Datetime DatePickerFor

1 Answers