DatePicker error with Core 5.0

[Miro]

I have attached the code plus the error message.

 

kendo support us in 2 ways to declare control in razor view.
- @(
Html.Kendo().DatePicker
)
- @{
Html.Kendo().DatePicker()
.Render();
}

 

but with the second if I add HtmlAttribute with 4 attribute inside, it will get error.
 ex: @{
Html.Kendo().DatePicker()
.HtmlAttribute(new {a="id1", b ="id2", c="id3", d="id4"})
.Render();
}

[Miro]

The error attached in DatePicker2.jpeg based on case 2.

[Mihaela]

Hi Miro,

Thank you for the shared screenshots.

The error message from the first screenshot is displayed because the value of the parameter "compareType" is reserved in HTML. You could escape it with "\\" as follows:

 

@{
    Html.Kendo().DatePicker()
        .Name("monthpicker2")
        .Start(CalendarView.Year)
        .Depth(CalendarView.Year)
        .Format("MMMM yyyy")
        .Value("Novemeber 2011")
        .DateInput()
        .HtmlAttributes(new { id = Guid.NewGuid().ToString(), compareType = "\\>" })
    .Render();
}

Regarding the example below, I have tested it locally and it appears to be working properly at my end:

 

@{
    Html.Kendo().DatePicker()
        .Name("monthpicker2")
        .Start(CalendarView.Year)
        .Depth(CalendarView.Year)
        .Format("MMMM yyyy")
        .Value("Novemeber 2011")
        .DateInput()
        .HtmlAttributes(new { a = "id1", b = "id2", c = "id3", d = "id4" })
    .Render();
}

 

Would you please review these examples and let me know if the issue is resolved at your end?

 

Regards, Mihaela Progress Telerik

[Miro]

Thanks Mihaela for your help. It works :)