在 asp.net 中创建多个 JQuery datepicker答案

【问题标题】：Create multiple JQuery datepicker in asp.net在 asp.net 中创建多个 JQuery datepicker
【发布时间】：2015-08-06 16:38:31
【问题描述】：

我正在尝试在我的页面中创建多个 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>

这是我的 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>

【问题讨论】：

使用不同的classname
尝试使用 ClientIDMode="static"，然后您可以使用 CSS 选择器“#textbox1”和“#textbox2”来引用它们

标签： jquery asp.net datepicker

【解决方案1】：

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

或者像这样引用 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});

【讨论】：