I'm having trouble adding a second datepicker to any screen. It looks fine & works in Chrome, Firefox, or IE outside of compatibility mode. However, in IE 10 in compatibility mode, the second datepicker becomes a text box. It looses its style and doesn't have the calendar selector button. The error that I get is "Unhandled exception at line 3, column 23238 in http://localhost:60914/Scripts/kendo/2013.1.514/jquery.min.js".
I can reproduce the issue with the .cshtml code in the demo - http://demos.telerik.com/aspnet-mvc/datepicker/rangeselection.
My layout page contain the following references.
<link href="@Url.Content("~/Content/kendo/2013.1.514/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.1.514/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.1.514/kendo.blueopal.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.1.514/kendo.dataviz.blueopal.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.1.514/kendo.rtl.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/Skynet.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/kendo/2013.1.514/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery-migrate-1.2.0.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2013.1.514/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2013.1.514/kendo.aspnetmvc.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>
I can reproduce the issue with the .cshtml code in the demo - http://demos.telerik.com/aspnet-mvc/datepicker/rangeselection.
My layout page contain the following references.
<link href="@Url.Content("~/Content/kendo/2013.1.514/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.1.514/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.1.514/kendo.blueopal.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.1.514/kendo.dataviz.blueopal.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.1.514/kendo.rtl.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/Skynet.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/kendo/2013.1.514/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery-migrate-1.2.0.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2013.1.514/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2013.1.514/kendo.aspnetmvc.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>