jquery - 显示 jquery 日历

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/

例如

[id$="txtEndDate"]

所以你的代码变成:

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

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

例如

$(".cal").datepicker()