Question

我正在尝试在我的页面中创建多个jquery日期选择器。我有2个文本框，我想引用这些日期选择器，所以我该怎么做？第一个datepicker

  <script type="text/javascript">
     $(document).ready(function () {
       $('.datepicker').datepicker({ minDate: -2, maxDate: -0 });
     });
    </script>

第二个datepicker

<script type="text/javascript">
      $(document).ready(function () {
        $('.datepicker').datepicker({ minDate: -2 });
      });
    </script>

这是我的texboxes

 <asp:TextBox ID="textbox1" runat="server" CssClass="datepicker" placeholder="Select date"></asp:TextBox>

 <asp:TextBox ID="textbox2" runat="server" CssClass="datepicker" placeholder="Select date"></asp:TextBox>

Answer 1

您可以为每个文本框指定一个唯一的css类。

或者只是在jQuery中引用ID：

<script type="text/javascript">
     $(document).ready(function () {
       $('#textbox1').datepicker({ minDate: -2, maxDate: -0 });
       $('#textbox2').datepicker({ minDate: -2});
     });
</script>

只需确保将ClientIDMode设置为static：

<asp:TextBox ID="textbox1" ClientIDMode="Static" runat="server" CssClass="datepicker" placeholder="Select date"></asp:TextBox>

<asp:TextBox ID="textbox2" ClientIDMode="Static" runat="server" CssClass="datepicker" placeholder="Select date"></asp:TextBox>

或者您可以像这样引用它们而不将ClientIDMode设置为static：

$('#<%= textbox2.ClientID %>').datepicker({ minDate: -2});

在asp.net中创建多个JQuery datepicker

1 个答案: