显示jQuery的日历

2012-02-09 85 views 2 likes

我想显示的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>

来源

2012-02-09 Nick Kahn

回答

你的jQuery选择是不正确：

尝试结束与选择：http://api.jquery.com/attribute-ends-with-selector/

如

[id$="txtEndDate"]

使你的代码变成：

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

如果，另一方面，你是想选择与类的所有元素cal你可以使用类选择：

$(".cal").datepicker()

来源

2012-02-09 03:02:30 Darbio

显示jQuery的日历

回答

相关问题