2011-05-21 23 views
0

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

<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> 

我已经使用这个代码,但它亘古不变的给我上点击文本框,在弹出的压延机。 可能是什么问题。 它不会给出任何错误。

回答

0

为什么不直接设置路径?与此</script>

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

使用客户端ID密切脚本标记为服务器控件

<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> 
1

也许你应该使用的document.ready功能ASP.NET服务器控件的

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

在这一行显示错误:$(document).ready(function() – user755230 2011-05-21 10:32:39

0

ID比普通HTML ID的不同。因此,如果您使用的是服务器控件,请运行代码,打开页面源代码,获取页面源代码中显示的ID,并使用此ID代替txtDate。

还可以使用

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

它不能被运行,只是显示对象的期望错误。我害怕如果我已经连接足够的src或没有 – user755230 2011-05-21 10:36:32

相关问题