Question

我正在尝试显示jquery日历，但不知怎的，它只是忽略了我的请求，我做了调试，一切似乎还可以，但不确定....这是我的代码

<form id="form1" runat="server">
<ul>
    <li id='visitStartDate' class="DateCal">Start Date</span>
        <asp:TextBox ID="txtStartDate" runat="server" Width="100" CssClass='cal' />
    </li>
    <li id="visitEndDate" class="DateCal">End Date</span>
        <asp:TextBox ID="txtEndDate" runat="server" Width="100" CssClass='cal' />
    </li>
</ul>
</form>


<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.8.13.custom.min.js" type="text/javascript"></script>



<script language="javascript" type="text/javascript">
         jQuery(document).ready(function () {
             $("[id*='Visit_txtStartDate'],[id*='Visit_txtEndDate']").datepicker({
                 showOtherMonths: true,
                 selectOtherMonths: true,
                 onSelect: function () {
                     $(this).trigger('change');
                 }
             });

         });                                                 
</script>

Answer 1

您的jQuery选择器不正确：

使用选择器：http://api.jquery.com/attribute-ends-with-selector/

尝试结束

e.g。

[id$="txtEndDate"]

所以你的代码变成了：

$("[id$='txtStartDate'],[id$='txtEndDate']").datepicker({ ... });

另一方面，如果您想要选择类cal的所有元素，则可以使用类选择器：

e.g。

$(".cal").datepicker()

显示jquery日历

1 个答案: