Question

    <script src="<%=("../Scripts/jquery-1.6.1.min.js") %>" type="text/javascript" />
   <script src="<%=("../Scripts/jquery-datePicker.js") %>" type="text/javascript" />

<script type="text/javascript">

    $(function() {

     $("#txtDate").datepicker();       

    });   

   </script>

我已经使用过此代码，但它没有向我显示点击文本框时的弹出日历。可能是什么问题。它不会给出任何错误。

Answer 1

也许您应该使用document.ready function

$(document).ready(function() {
 $("#txtDate").datepicker();       
});

Answer 2

ASP.NET服务器控件的ID与普通HTML ID的ID不同。因此，如果您使用的是服务器控件，则运行代码，打开页面源，获取页面源中显示的ID，并使用此ID而不是txtDate。

也可以使用

$(document).ready(function() { $("#<id>").datepicker(); });

Answer 3

为什么不直接设置路径？并使用此</script>

关闭脚本标记

<script src="../Scripts/jquery-1.6.1.min.js" type="text/javascript" ></script>
<script src="../Scripts/jquery-datePicker.js" type="text/javascript" ></script>

使用ClientID进行服务器控制

<script type="text/javascript">

    $(function() {

     $("#<%= txtDate.ClientID %>").datepicker();       

    });   

   </script>

您也可以使用就绪功能

<script type="text/javascript">
$(document).ready(function() {
 $("#<%= txtDate.ClientID %>").datepicker();       
});
</script>

如果ID选择器不起作用，则使用类选择器，这对ASP.NET服务器控件是好的

<asp:TextBox ruat="server" ID="txtDate" CssClass="DateField"></asp:TextBox>

<script type="text/javascript">
    $(document).ready(function() {
     $(".DateField").datepicker();       
    });
    </script>

如何使用jquery在asp.net中实现datepicker？

3 个答案: