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

DatePicker broken in Microsoft Edge

13 Answers 1038 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
IT
Top achievements
Rank 1
IT asked on 03 Aug 2015, 10:41 AM

Hi Guys,

I have notice in Microsoft Edge browser RTM version that when using Kendo DatePicker MVC helper the initial default value is not properly set.

And this looks to be related to the input type="date" instead of type="text" that the Kendo MVC helper outputs as per fiddle http://jsfiddle.net/silviunex/2p7wprnk/9/

I'm currently using Kendo DatePicker control initialized with MVC helpers and default values set throughout a big project.

I would like to know if there is any fix available for this issue?

Cheers!

13 Answers, 1 is accepted

Sort by
0
Maria Ilieva
Telerik team
answered on 05 Aug 2015, 02:02 PM
Hello Cornel,

I tried to replicate the issue locally but to no avail. See my test movie below and let me know if I'm missing something:
http://screencast.com/t/Sv9xsJ9WGI6

Please let me know if you have any specifics in the Culture settings on your machine so that I can test the exact configuration locally and see of it might cause the problem.

Regards,
Maria Ilieva
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
IT
Top achievements
Rank 1
answered on 05 Aug 2015, 02:43 PM

Hi Maria,

Thanks for testing this quickly. But please use the type="date" as that is the output by the Kendo DatePicker MVC helper.

Here you can find updated sample code with both working and non-working examples http://jsfiddle.net/silviunex/2p7wprnk/

 

Cheers,

Silviu

 

 

0
iDoklad
Top achievements
Rank 1
answered on 06 Aug 2015, 07:16 AM

Hi,

we have the same issue. Problem is when server have different Thread culture.

Our example.

 

@(Html.Kendo().NumericTextBox()  

    .Name("mynumber")

       .Value(1.5d)               
       .Decimals(4)))

When ThreadCulture is set for example 'cs-CZ' Kendo helper issentialy generates this html:

 

<input id="mynumber" name="mynumber" value="1,6" type="number" />

0
iDoklad
Top achievements
Rank 1
answered on 06 Aug 2015, 07:25 AM

Hi,

we have the same issue. Problem is when server have different Thread culture.

Our example:

@(Html.Kendo().NumericTextBox() 
    .Name("mynumber")   
    .Value(1.5d)              
    .Decimals(4)))

When ThreadCulture is set for example 'cs-CZ' Kendo helper issentialy generates this html:

<input id="mynumber" name="mynumber" value="1,6" type="number" />
 Microsoft Edge then removes value of 'mynumber' and sets it to "" because 1,6 is not valid number decimal (but it is in czech culture).
The same problem is with date.

Edge removes value before even Kendo starts to transform input to NumericTextBox.

Solution for this problem is:

@(Html.Kendo().NumericTextBox() 
    .Name("mynumber")   
    .Value(1.5d)              
    .Decimals(4)))
    .HtmlAttributes(new {type = "text"})
 

But it is quite a pain in a .... to add all these attributes in all of our code. Is there any other solution? The perfect one would be to tell Kendo not to generate specific types for inputs.

 

Thanks.

0
iDoklad
Top achievements
Rank 1
answered on 06 Aug 2015, 07:25 AM
pls. remove post above, it is not complete. Thanks
0
Atanas Georgiev
Telerik team
answered on 07 Aug 2015, 08:20 AM
Hello,

The issue you're experiencing is due to browser behavior in Edge different than previous IE versions. This can be observed in the following snippet:

http://dojo.telerik.com/ovOGO

where the second input (id=bad) is not KendoDatePicker and the problematic behavior is still observed.

Out team is working on an enhancement to workaround this behavior for the MVC wrappers out of the box.
Meanwhile setting the "type" attribute manually is the best solution we can offer. To achieve this please define it in an HtmlAttribute method i.e.:

.HtmlAttributes(new { @type"text" })

Regards,
Atanas Georgiev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Silviu
Top achievements
Rank 1
answered on 07 Aug 2015, 10:20 AM

Hi Atanas,

The fix with the htmlattributes will work but is quite tedious to apply that in all pages of a big project.

The more elegant and quicker solution will be for this issue to be handled directly from Kendo MVC helpers themselves.

 Cheers!

 

0
Atanas Georgiev
Telerik team
answered on 10 Aug 2015, 06:06 AM
Hello,

At this point we are not able to commit specific milestone for implementing the enhancement mentioned below - we will do our best to address it as soon as possible. We will keep you posted on our progress. My apologies for the inconvenience caused and thank you for the understanding.


Regards,
Atanas Georgiev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Ruud
Top achievements
Rank 1
answered on 17 Aug 2015, 09:49 AM

Hi Atanas,

I also have issue with Ms Edge; sometimes for some unknown reason the browser cannot connect to my Kendo web at all! I will try to get some more logs about this, but meanwhile, can you confirm all Kendo widgets (except the issue above) should work, including MvvM bindings, mobile layouts, etc? 

The reason for asking is; I checked this page: http://docs.telerik.com/kendo-ui/browsers-support and I do not see Edge listed. I assume you are not considering it to be "Internet Explorer and later" since Ms presents this as a brand new browser?

Thanks in advance for your feedback.

Ruud

0
Atanas Georgiev
Telerik team
answered on 24 Aug 2015, 05:49 AM
Hello Ruud,

Please accept my apologies for the late response. Edge will be included in out supported browsers list with the next service pack of KendoUI, expected in a couple of weeks.
Besides the case described below (which is due to specific browser behavior and not an KendoUI issue) we are aware of one more minor issue with KendoUI Editor (extra bold styling added in some specific cases). All widgets, bindings etc. are expected to work with Edge. In case you experience any problems please sent us an isolated runnable example, where the issue is present and we will be happy to take a look



Regards,
Atanas Georgiev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Ruud
Top achievements
Rank 1
answered on 25 Aug 2015, 06:37 AM

Hi Atanas,

I have no doubt you guys will succeed in getting all the Kendo stuff aligned with Ms Edge; it's just I needed a timeline to communicate to my clients. Which I have now, so thank you very much for the information.

Best regards,

Ruud

0
Atanas Georgiev
Telerik team
answered on 28 Aug 2015, 01:56 PM
Hello,

The enhancement in Telerik UI for ASP.NET MVC which generates the input elements with type "text" will be available in our next internal build, due by the end of next week. No further issues should be experienced in Edge for this use case.

Regards,
Atanas Georgiev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Adam
Top achievements
Rank 1
answered on 06 Jan 2016, 01:36 AM

We had an issue with KendoDatePicker in Microsoft Edge with the below code:

    @(Html.Kendo().DatePickerFor(x => x.EmpTime.DateCreated).Format("ddd dd/MM/yyyy"))

However I managed to get it fixed by upgrading Kendo MVC control to latest version 2015.3.1111

Tags
Date/Time Pickers
Asked by
IT
Top achievements
Rank 1
Answers by
Maria Ilieva
Telerik team
IT
Top achievements
Rank 1
iDoklad
Top achievements
Rank 1
Atanas Georgiev
Telerik team
Silviu
Top achievements
Rank 1
Ruud
Top achievements
Rank 1
Adam
Top achievements
Rank 1
Share this question
or