Date format error with date picker

[Raja]

I am getting a warning in the browser console (Chrome) with kendo date picker.

 

I am not setting date format to "yyyy-MM-dd". I have even tried to set up date format in the cshtml page for the kendo date picker.

@(Html.Kendo().DatePickerFor(m => m.StartDate)
           .Name("StartDate")
           .Format("MM/dd/yyyy")
           .Value(Model.StartDate))

Is this a default date format with date pciker? How can I change it?

[Georgi Krustev]

Hello Raja,

The described warning is due the validation that Chrome performs. It does allow only one specific format / value *yyyy-MM-dd" to put in when the input is of type "date". In general, we generate an input element with type "date" and then on the client we change it to type="text" in order to allow different formatted values (e.g. MM/dd/yyyy).

If you would like to avoid the warnings, just set the type of the input explicitly to "text":

@(Html.Kendo().DatePickerFor(m => m.StartDate)
           .Name("StartDate")
           .HtmlAttributes(new { type = "text" })
           .Format("MM/dd/yyyy")
           .Value(Model.StartDate))

The side effect of this action is that the input will not be of date type if JavaScript is disabled (graceful degradation).

Regards,
Georgi Krustev
Telerik