Jquery 文本框上的日期选择器_Jquery_Asp.net

Jquery 文本框上的日期选择器

jquery asp.net

Jquery 文本框上的日期选择器,jquery,asp.net,Jquery,Asp.net,我正在尝试使用Jquery实现一个datepicker控件 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona

我正在尝试使用Jquery实现一个

datepicker

控件

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-ui.min.js" type="text/javascript"></script>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/jqueryrelese.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#<%= TextBox1.ClientID %>").datepicker();

        });

    </script>


</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </div>
    </form>
</body>
</html>


$（文档）.ready（函数（）{
$（“#”）日期选择器（）；
});

但它不起作用，因为日期选择器不会弹出。我丢失了什么代码或此代码中有任何错误。感谢您的帮助。

将jquery脚本引用放在jquery ui之前。顺便说一句，由于这是asp.net代码，请使用此id选择器：

$（“#”）datepicker（）可能会被asp.net基础结构更改
<script type="text/javascript">
    $(document).ready(function () {
        $(function () {

            $("#"+'<%=TextBox1.ClientID%>').datepicker();
        });
    });
</script>


$（文档）.ready（函数（）{
$（函数（）{
$（#“+”）.datepicker（）；
});
});

并确保页面中包含了所有必需的.js文件。
例如：如果使用Jquery Datepicker，则必须包括：
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.core.js"></script>  
<script type="text/javascript" src="js/ui/jquery.ui.datepicker.js"></script>



注意：

您将在演示中获得这些.js文件。
尝试键入console.log（…）
，然后在Chrome中查看结果您是否检查了页面中包含的.js文件是否包含“datepicker”方法。查看此演示项目（）了解更多信息。感谢先生的项目基本上我在包含Jquery文件时出错了，现在可以正常工作了。