在 asp.net 中创建多个 JQuery 日期选择器

Question

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

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

第二个日期选择器

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

这是我的文本框

 <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 class。

或者像这样引用 jQuery 中的 ID：

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

只需确保将 ClientIDMode 设置为静态即可：

<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 设置为静态：

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

在 asp.net 中创建多个 JQuery 日期选择器

Create multiple JQuery datepicker in asp.net

asp.net

jquery

datepicker