Question

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

<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
   });
});

Answer 1

内部转发器使div具有不同的ID，例如：

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

</asp:repeater>

然后在脚本中初始化datepickers：

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

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

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

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

1 个答案: