I have added a date field using a datepicker as below
@(Html.Kendo().DatePickerFor(m => m.StartDate)
.Format("dd/MM/yyyy")
.ParseFormats(new List<string>()
{
"dd/MM/yyyy",
"dd/MM/yy",
"dd MMM yyyy"
})
.HtmlAttributes(new { @class = "k-datetimepicker" }))
However, on tabbing out, kendo ui datepicker throws an error "The field must be a date"
Can you please assist? I have seen a few other threads on the forum and tried other solutions like adding a script tag to set culture info but nothing seems to work. These solutions have not worked for everyone either.
9 Answers, 1 is accepted
The datepicker does not have its own validation. Which validator are you using? The Kendo Validator or the jQuery validation? If you are using the Kendo Validator then you should either use a Kendo culture that contains the format used for the datepicker or the approach demonstrated here. If you are using the jQuery validation then you should override the validator date method as demonstrated here.
Regards,
Daniel
Telerik
Rank 1
Hi Daniel,
Many thanks for your reply. I am using a custom validator for date comparison which compares 2 date fields (start and end date).
Whilst, adding that extended date validation that you suggested worked in removing the error, the jquery version I am using on my solution is 2.1.4 but kendo uses 1.9.0
This causes the showerrors() of jquery to not show any errors even though it knows there is an error. Are there any potential issues with upgrading jquery within kendo to the latest version?
I am not sure if I understand the problem with showing the error messages but the combined Kendo script files do not include jQuery and all of the latest versions support jQuery 1.9.1+(including 1.10.x and 2.1.x) so yes, you could load only jQuery 2.1.4.
Regards,
Daniel
Telerik
Rank 1
Hi Daniel,
Many thanks for your reply. I am using unobtrusive javascript but for some reason it is not displaying the error
the .showerrors() comes back as undefined but the number of errors has got 1 error. A google search showed issues with jquery version.
Does changing the jQuery version makes a difference? Also, does the problem occur with the MVC built-in helpers or only with the datepicker? If the problem occurs only with the datepicker then could you provide a runnable sample that replicates it?
Regards,
Daniel
Telerik
Rank 1
It stops giving me the "Field must be a date" error but still no luck on the showerrors()
I attached a sample project that uses validation for the datepicker. Please check it and let me know if I am missing something.
Regards,
Daniel
Telerik
Rank 1
Hi Daniel,
I have just compared the html using Chrome's inspector.
My version shows -
<input class="k-datetimepicker k-input" data-val="true" data-val-date="The field Start Date must be a date." data-val-required="The Start Date field is required." id="StartDate" name="StartDate" type="text" value="22/09/2015" data-role="datepicker" role="combobox" aria-expanded="false" aria-owns="StartDate_dateview" aria-disabled="false" aria-readonly="false" style="width: 100%;">
Your version shows -
<input class="k-datetimepicker k-input valid" data-val="true" data-val-date="The field MyDate must be a date." data-val-required="The MyDate field is required." id="MyDate" name="MyDate" type="text" data-role="datepicker" role="combobox" aria-expanded="false" aria-owns="MyDate_dateview" aria-disabled="false" aria-readonly="false" aria-activedescendant="a20333ae-299a-40ec-89c0-5eef78b51e0b_cell_selected" style="width: 100%;">
On first glance, the major difference is "valid" added to the class and a couple of other properties like aria-activedescendant . Not sure if this rings a bell
Unfortunately the differences do not indicate what could be causing the problem. If the validation is working correctly in the sample project then I will need a runnable sample that replicates the problem in order to investigate further.
Regards,
Daniel
Telerik