ASP.NET UpdatePanel 中带有 Telerik RadDatePicker 的 Microsoft Edge 中的 JavaScript 错误答案

【问题标题】：JavaScript Error in Microsoft Edge with Telerik RadDatePicker in ASP.NET UpdatePanelASP.NET UpdatePanel 中带有 Telerik RadDatePicker 的 Microsoft Edge 中的 JavaScript 错误
【发布时间】：2019-10-16 00:36:09
【问题描述】：

Microsoft Edge 浏览器中 ASP.NET UpdatePanel 中的 Telerik RadDatePicker 在执行回发时会引发 JavaScript 错误。错误：“无法获取未定义或空引用的属性‘长度’”。

RadDatePicker 必须在 UpdatePanel 中才能引发错误，并且这只发生在 Microsoft Edge 浏览器中，所有其他浏览器都没有错误。

Microsoft Edge 版本：44.17763.1.0
Telerik 控件：Telerik.Web.UI，版本=2019.1.409.45

任何想法如何解决此问题或解决方法？

这是我的代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="EdgeDatePickerIssue.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Default</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager" runat="server" ScriptMode="Release" />

        <asp:UpdatePanel runat="server" ID="upPanel">
            <ContentTemplate>
                <label>Select Date:</label>
                <telerik:RadDatePicker ID="dpStartDate" runat="server"
                    AutoPostBack="true"
                    OnSelectedDateChanged="dpStartDate_SelectedDateChanged" />

                <telerik:RadButton ID="btnSave" runat="server"
                    Text="Save" OnClick="btnSave_Click" />
            </ContentTemplate>
        </asp:UpdatePanel>
    </form>
</body>
</html>

这是错误的屏幕截图： Screen-shot Error in Edge

【问题讨论】：

标签： asp.net webforms telerik microsoft-edge telerik-datepicker

【解决方案1】：

该问题已在 R2 2019 中修复。另一种解决方法是将 RadDatePicker 的 RenderMode 属性设置为 Lightweight。

【讨论】：

【解决方案2】：

您可以尝试使用Telerik RadScriptManager 和Telerik RadAjaxPanel 而不是使用asp.net ScriptManager 和UpdatePanel。然后，参考this article使用DatePicker控件。

【讨论】：