Javascript datetimepicker 在 asp.net 中回发后不起作用答案

【问题标题】：Javascript datetimepicker not woking after postback in asp.netJavascript datetimepicker 在 asp.net 中回发后不起作用
【发布时间】：2015-07-03 08:02:41
【问题描述】：

在更新面板中有一个包含用户控件的页面。

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
----
----

<div id="dtBox"></div>             
            <script type="text/javascript">                
                $(document).ready(function () {
                    
                    $("#dtBox").DateTimePicker({
                        dateFormat: "yyyy-MM-dd",
                        timeFormat: "hh:mm AA",
                        dateTimeFormat: "yyyy-MM-dd hh:mm:ss AA"
                    }); 
                });               
            </script>

 <asp:TextBox ID="abc" data-field="date" data-view="Dropdown" data-format="MM-dd-yyyy" runat="server"></asp:TextBox>
---
---
</ContentTemplate>
    </asp:UpdatePanel>

$(document).ready(function() ) {} 在页面首次加载时被调用并正确执行代码，但如果用户单击按钮（在用户控件内），则不会调用 document.ready()。我正在使用 CuriousSolutions-DateTimePicker

【问题讨论】：

使用ScriptManager.RegisterClientScriptBlock() 并调用document.ready() 中的代码（将它们包装到一个函数中）
DatePicker disappears after postback的可能重复

标签： javascript c# asp.net

【解决方案1】：

试试这个脚本希望它会起作用。

        $(document).ready(function() {
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

            function EndRequestHandler(sender, args) {
                $("#dtBox").DateTimePicker({
                        dateFormat: "yyyy-MM-dd",
                        timeFormat: "hh:mm AA",
                        dateTimeFormat: "yyyy-MM-dd hh:mm:ss AA"
                    }); 
            }

        });

【讨论】：

尝试在页面加载中添加这个 ScriptManager.GetCurrent(this).RegisterPostBackControl(this.yourbutton);

【解决方案2】：

您需要在每次重新创建日期时间选择器时对其进行初始化 - 即每次回发发生并且包装日期选择器的更新面板被刷新时。

将它包装在 document.ready 中意味着它只会发生一次。

一种简单的方法是将初始化代码移动到控件之后，而不将其包装在 $(document).ready 中。或者，正确的方法是侦听回发完成的 javascript 事件并重新初始化日期选择器。

【讨论】：