显示jQuery的日历
问题描述:
我想显示的jQuery日历但不知何故,它只是忽略了我的要求,我也调试,一切似乎不错,但不知道....这里是我的代码显示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>
答
你的jQuery选择是不正确:
尝试结束与选择:http://api.jquery.com/attribute-ends-with-selector/
如
[id$="txtEndDate"]
使你的代码变成:
$("[id$='txtStartDate'],[id$='txtEndDate']").datepicker({ ... });
如果,另一方面,你是想选择与类的所有元素cal
你可以使用类选择:
eg
$(".cal").datepicker()