Question

我想调用一个JS函数，所以当我点击文本框时我可以获得jquery日历，但它显示错误。我想知道如何使用txtExpiry和datapicker的两个属性？或者还有其他方式吗？

这是我的文本框的代码

<asp:TextBox ID="txtExpiray"  runat="server" ID="datepicker" ClientIDMode="Static"  Width="70px"></asp:TextBox>

这是我的功能

<script type='text/javascript'>
         $(function () {
             $('#datepicker').datepicker();
         });
    </script>

Answer 1

您不能使用重复的ID属性 - 甚至是重复的属性（ID属性对于页面应该是唯一的）。

你可以这样做：

<asp:TextBox ID="txtExpiray"  runat="server" ClientIDMode="Static"  Width="70px"></asp:TextBox>

<script type='text/javascript'>
         $(function () {
             $('#txtExpiray').datepicker();
         });
    </script>

Answer 2

您可以在所有想要的jQuery选择器上附加日期选择器...

例如：

<asp:TextBox ID="txtExpiray"  runat="server" js='datepicker' ClientIDMode="Static"  Width="70px"></asp:TextBox>

在JS中

<script type='text/javascript'>
     $(function () {
         $('[js="datepicker"]').datepicker();
     });
</script>

所以你可以使用你想要的类或任何属性。

当标记包含重复的“ID”属性时调用JS函数

2 个答案: