如何在 .NET 中继器控件中使用 JQuery 日期控件

Posted 2023-05-08

【中文标题】如何在 .NET 中继器控件中使用 JQuery 日期控件

【英文标题】：How to use JQuery date control in .NET repeater control

【发布时间】：2017-09-17 03:48:51

【问题描述】：

我有Repeater Control，其中有jQuery datepicker。 当我单击文本框时会弹出日期选择器，但是当我选择日期时，它只会填充在中继器控件中的第一个文本框上。

<asp:TextBox ID="datepicker" runat="server" CssClass="datepicker" ClientIDMode="Static"  Text='<%#Container.DataItem("FOLLOWUP_DATE")%>'></asp:TextBox>

JQuery 代码：

$(document).ready(function () 
   $('.datepicker').datepicker(
      changeMonth: true,
      changeYear: true
   );
);

【参考方案1】：

在repeater内部制作不同id的div，例如：

<asp:repeater id="rptRepeater" runat="server">
   <itemtemplate>
     <div id="datepicker-<%# Container.ItemIndex + 1 %>"></div>
  </itemtemplate>

</asp:repeater>

然后在脚本中初始化日期选择器：

<script>
  $('#datepicker-1').datepicker(
  changeMonth: true,
  changeYear: true
 );

$('#datepicker-2').datepicker(
  changeMonth: true,
  changeYear: true
  );

当然，在 javasript 中你应该使用某种循环。