文本框的文本与 jquery datepicker 绑定得到空值答案

【问题标题】：text of textbox bind with jquery datepicker getting null value文本框的文本与 jquery datepicker 绑定得到空值
【发布时间】：2017-12-14 09:40:18
【问题描述】：

我在更新面板中有名为“txtExploitDate”的文本框。在按钮单击时，我已将文本框的默认值设置为昨天的日期。我在下面编写了 jquery 代码来将 datepicker 与文本框绑定。但是，当我从 datepicker 中选择日期时，它会在文本框中重新显示日期，然后再次更改为默认日期。

<script type="text/javascript">
    //$(document).ready(function DatePickerExploitDate() {
    //    $(function () {
    //        $("#txtExploitDate").datepicker();
    //    });
    //});
    $(document).ready(function () {
        ApplyDatePicker();
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(ApplyDatePicker);
    });

    function ApplyDatePicker() {
        $('#txtExploitDate').datepicker();
    }
</script>

请忽略注释代码，因为我之前在我的文本框不在更新面板中时使用它，但当时有回发问题，所以我将我的文本框放在更新面板中并更改了我的 jquery 代码。

请帮帮我。

【问题讨论】：

标签： c# jquery asp.net c#-4.0

【解决方案1】：

这是因为 JQuery datepicker 为使用该插件的所有控件使用唯一 ID。这是大多数 JQuery 插件为控制事件所做的事情。当更新面板刷新时，这些特殊的唯一 ID 不再指向任何地方。

查看本文中的解释和解决方法来自asp sn-ps：https://www.aspsnippets.com/Articles/jQuery-DatePicker-not-working-inside-ASPNet-AJAX-UpdatePanel-Partial-PostBack.aspx

通过在更新面板刷新时重新运行插件来解决问题。

作为个人观点，我相信你应该尝试看看没有更新面板的解决方案，因为它是一项非常繁琐的技术，当你开始弄乱 DOM 时就会中断，并且有更好的方法来使用 AJAX 调用，即使使用 JQuery。

【讨论】：