Search code examples
htmlgoogle-chromekendo-uihtml-inputkendo-datepicker

Kendo DatePickerFor issue in Chrome version 56.0.2924


I am using Kendo DatePickerFor.

After I recently updated my Chrome browser, it shows a blank value in the date picker control. I am using it for month selection with MMM yyyy format.

Can anybody please help me out?

My previous chrome version was 55.0.2883 and it was working perfectly fine.

My code in view file is:

@(Html.Kendo().DatePickerFor(m => m.FromDate).Start(CalendarView.Year).Depth(CalendarView.Year).Format("MMM yyyy"))

Solution

  • This fixed the problem for me: http://www.telerik.com/forums/date-field-not-rendering-correct-in-browsers-that-support-html-5

    Some browsers with native support for "date" type (Chrome in particular) validate the set value and if it is not in the correct format (a valid full-date as defined in [RFC 3339]) then it is ignored. For now you can change the type the input to "text" permanently and avoid any issues related with the native inputs

    @(Html.Kendo().DatePicker()
         .Name("datepicker")
         .Value("10/10/2011")
         .HtmlAttributes(new { type = "text" })
    )