This is a migrated thread and some comments may be shown as answers.

DatePicker and CurrencyTextBox stopped working in Chrome 56

9 Answers 803 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

9 Answers, 1 is accepted

answered on 09 Feb 2017, 03:37 PM

I encountered this same issue today and have managed to resolve the issue. For me it was occurring due to the input box having type="date". If you are using kendo directly in javascript, simply omitting this or using type="text" should fix the issue. If, like me, you are running from the MVC wrapper it's slightly different. The best means of fixing it is to use a newer version of Kendo, as it seems that the issue has already been addressed in the newer versions. If this isn't an option, which in this particular case it wasn't for me, then you need to do a small hack to modify the output that the MVC wrapper generates. There may be a more elegant way to do this, but my quick solution was to change:

@(Html.Kendo().DatePicker().Name("Somedate").Value("13/05/2017"))

to:

@Html.Raw(Html.Kendo().DatePicker().Name("Somedate").Value("13/05/2017").ToString().Replace("type=\"date\"","type=\"text\""))

This essentially gets the output generated by the wrapper and replaces the offending type string with what is present in the newer versions of Kendo.

Hope this helps in your case.

answered on 10 Apr 2017, 12:48 AM

I am using the latest version 2017.1.118 and use the tag helper and get the error.

The line:

<kendo-datepicker name="dtpEffectiveDate" Max="@DateTime.Today" for="EffectiveDate" /> 

is converted to:

<input data-val="true" data-val-required="The Effective Date field is required." id="EffectiveDate" name="EffectiveDate" type="date" value="10/04/2017 12:00:00 AM" /><script

>jQuery(function(){jQuery("#EffectiveDate").kendoDatePicker({"max":new Date(2017,3,10,0,0,0,0),"value":new Date(2017,3,10,0,0,0,0)});});</

script>

And displays the warning:

The specified value "10/04/2017 12:00:00 AM" does not conform to the required format, "yyyy-MM-dd".
Using Chrome: Version 57.0.2987.133

I have included the following css and js in my bundleconfig

{ "outputFileName": "wwwroot/bundle/kendo.min.css", "inputFiles": [ "wwwroot/lib/kendo-ui/styles/kendo.common.min.css", "wwwroot/lib/kendo-ui/styles/kendo.common.core.min.css", "wwwroot/lib/kendo-ui/styles/kendo.default.min.css", "wwwroot/lib/kendo-ui/styles/kendo.default.mobile.min.css", "wwwroot/lib/kendo-ui/styles/kendo.dataviz.default.min.css" ], "minify": { "enabled": false } }, { "outputFileName": "wwwroot/bundle/kendo-bootstrap.min.css", "inputFiles": [ "wwwroot/lib/kendo-ui/styles/kendo.common-bootstrap.core.min.css", "wwwroot/lib/kendo-ui/styles/kendo.common-bootstrap.min.css", "wwwroot/lib/kendo-ui/styles/kendo.bootstrap.min.css" ], "minify": { "enabled": false } }, { "outputFileName": "wwwroot/bundle/kendo.all.min.js", "inputFiles": [ "wwwroot/lib/kendo-ui/js/kendo.all.min.js" ], "minify": { "enabled": false } }, { "outputFileName": "wwwroot/bundle/kendo.aspnetmvc.min.js", "inputFiles": [ "wwwroot/lib/kendo-ui/js/kendo.aspnetmvc.min.js" ], "minify": { "enabled": false } },

answered on 12 Apr 2017, 08:17 AM

Hello Allan,

Please confirm that you updated not only the Kendo UI references but the Telerik.UI.for.AspNet.Core project reference as well, in your project. The output of your DatePicker includes type="date" attribute, which is not rendered in the 2017 R1 version of UI for ASP.NET Core. You can also see in the demos, using the SP1 version (2017.1.223) that the DatePickers are rendered with type="text" attribute applied.

Regards,
Tsvetina
Telerik by Progress

Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.

answered on 12 Apr 2017, 09:58 PM

I mentioned in my post I was using 118 not 223, however I have now upgraded the project to 223, and can confirm that yes, type is being set to text. But the warning still persists.

the warning:

The specified value "13/04/2017 7:50:24 AM" does not conform to the required format, "yyyy-MM-dd".

Additionally, I went to your linked demo and it two outputs 2 warnings:

The specified value "5/6/1998 12:00:00 AM" does not conform to the required format, "yyyy-MM-dd". tag-helper:339

The specified value "MMMM yyyy" does not conform to the required format, "yyyy-MM-dd". tag-helper: 344

answered on 17 Apr 2017, 06:19 AM

Hello Allan,

Apologies for the delayed response, we are short staff due to a national holiday.

I was able to observe the same warnings on my end, I noticed that the values are still bound as expected even if the warnings are displayed.

I will forward this to our developers for further investigation:

https://github.com/telerik/kendo-ui-core/issues/3053

Additionally, I updated your Telerik points for bringing this to our attention.

Regards,
Stefan
Telerik by Progress

Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.

answered on 20 Jun 2017, 10:56 AM

Hello Ramanji,

Can you describe exactly what you did to match the client-side and server-side cultures in your project? Did you follow the instructions provided in the following link or you meant something else?
Match Cultures
Usually, this is enough to avoid errors like the one you quoted.

Alternatively, you can overwrite the validation function for dates used by the Validator, as described here:
Globalized Dates and Numbers Are Not Recognized As Valid When Using the Validator

Regards,
Tsvetina
Progress Telerik

Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.