如何使用 jQuery 在 asp.net 中实现日期选择器

本文关键字：实现 日期 选择器 net asp 何使用 jQuery | 更新日期: 2023-09-27 17:57:17

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

使用了这段代码，但它没有在单击文本框时向我显示弹出日历。可能是什么问题。它不会给出任何错误。

如何使用 jQuery 在 asp.net 中实现日期选择器

也许你应该使用 document.ready 函数

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

为什么不直接设置路径？并使用此</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>

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

也使用

$(document).ready(function() { $("#<id>").datepicker(); });
相关文章：