C# 日期选择器问题

我开始使用日期选择器，并且非常喜欢它。但现在我面临一个问题。 我有一个ASP.Net应用程序。我有一个母版页、一个Default.aspx页和几个用户控件（.ascx页）。在其中一个用户控件中，我有一个GridView，其中的文本框包含日期。这些文本框使用日期选择器。GridView位于UpdatePanel中。我对GridView使用自定义分页。例如，当我需要转到下一页时，该UpdatePanel将被更新。问题是，当我从最初的页面转到另一个页面时，日期选择器消失了。 这是我的密码： 在母版页底部：

<script type="text/javascript"> 
$(document).ready(function() {
    $("input.date").datepicker({ 
        showButtonPanel: true, 
        dateFormat: 'mm/dd/y', 
        changeYear: true, 
        closeText: 'X' 
    });
});
</script>

$（文档）.ready（函数（）{
$（“input.date”）.datepicker（{
showButtonPanel：是的，
日期格式：“mm/dd/y”，
变化年：是的，
closeText:'X'
});
});

在GridView中：

<asp:TextBox ID="txtWFHCDate" runat="server" Text='<%#Eval("StrHCDate") %>' BorderStyle="None" Width="80%" CssClass="date" ></asp:TextBox> 

为初始GridView页面生成的html：

<input id="ctl00_CPHDefault_tcTPS_TPProd_ctl01_tcProduction_TPWorkflow_WorkflowGridView_ctl05_txtWFHCDate" class="date hasDatepicker" type="text" style="border-style:None;width:80%;" value="10/18/11" name="ctl00$CPHDefault$tcTPS$TPProd$ctl01$tcProduction$TPWorkflow$WorkflowGridView$ctl05$txtWFHCDate">

<input id="ctl00_CPHDefault_tcTPS_TPProd_ctl01_tcProduction_TPWorkflow_WorkflowGridView_ctl05_txtWFHCDate" class="date" type="text" style="border-style:None;width:80%;" value="10/18/11" name="ctl00$CPHDefault$tcTPS$TPProd$ctl01$tcProduction$TPWorkflow$WorkflowGridView$ctl05$txtWFHCDate">

更改GridView页面后生成的html：

<input id="ctl00_CPHDefault_tcTPS_TPProd_ctl01_tcProduction_TPWorkflow_WorkflowGridView_ctl05_txtWFHCDate" class="date hasDatepicker" type="text" style="border-style:None;width:80%;" value="10/18/11" name="ctl00$CPHDefault$tcTPS$TPProd$ctl01$tcProduction$TPWorkflow$WorkflowGridView$ctl05$txtWFHCDate">

<input id="ctl00_CPHDefault_tcTPS_TPProd_ctl01_tcProduction_TPWorkflow_WorkflowGridView_ctl05_txtWFHCDate" class="date" type="text" style="border-style:None;width:80%;" value="10/18/11" name="ctl00$CPHDefault$tcTPS$TPProd$ctl01$tcProduction$TPWorkflow$WorkflowGridView$ctl05$txtWFHCDate">

我尝试将脚本从母版页移动到Default.aspx页和.ascx页，但没有任何帮助

你能帮忙吗？

---

谢谢。

在页面加载过程中，ready（）函数调用datepicker（）为文本输入添加必要的绑定。当您在GridView/UpdatePanel中更改“页面”时，这些文本输入将被丢弃并替换为新的文本输入

---

UpdatePanel加载下一个“页面”后，需要再次调用datepicker（）以重新绑定文本输入。您可以将其集成到.ascx控件中，或者使用上面描述的UpdatePanel回调。

我认为我们在这里没有看到完整的情况。“问题是，当我从最初的页面转到另一个页面时，日期选择器消失了。”这3个页面上的JS也是如此吗？当加载新页面时，您需要初始化JS。当我在那里说“页面”时，我不是指aspx页面。我只是指我的GridView的自定义分页。例如，默认情况下，GridView显示前100条记录，当我按下“下一步”按钮时，UpdatePanel将更新，GridView现在显示下100条记录（日期选择器不再工作），以此类推。脚本位于母版页的底部，但我也尝试了aspx页和GridView所在的ascx页（用户控件）。谢谢，我使用了UpdatePanel回调，当我将它放在.aspx页的底部时，它工作了。我想知道为什么它在母版页的底部不起作用。