Jquery日期选择器未弹出_Jquery_Asp.net_Visual Studio 2010

Jquery日期选择器未弹出

jquery asp.net visual-studio-2010

Jquery日期选择器未弹出,jquery,asp.net,visual-studio-2010,Jquery,Asp.net,Visual Studio 2010,好的，我已经在我的另一个项目中成功地做到了这一点。不幸的是，它不工作的项目，我目前正在做的有人请给我的代码tnx错误的见解 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="NonOperatingDays.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN

好的，我已经在我的另一个项目中成功地做到了这一点。
不幸的是，它不工作的项目，我目前正在做的有人请给我的代码tnx错误的见解

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="NonOperatingDays.WebForm1" %>

<!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>
    <style type="text/css">
     .ui-datepicker 
          {
            background: #FFFFFF;
            border: 1px solid #888888;
            color: #888888;
          }
          </style>
      <script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="Scripts/jquery.ui.datepicker.js" type="text/javascript"></script>
</head>
<body>
    <script type="text/javascript" language ="javascript">
        function pageLoad() {
            $(function () {
                $(".datepicker").datepicker({ dateformat: "YYYY-MM-DD" });
            });
        }  </script>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server" CssClass="datepicker"></asp:TextBox>
    </div>
    </form>
</body>
</html>


.ui日期选择器
{
背景：#FFFFFF；
边框：1px实心#8888888；
颜色：#888888；
}
函数pageLoad（）{
$（函数（）{
$（“.datepicker”）.datepicker（{dateformat:“YYYY-MM-DD”}）；
});
}

看看：

您不需要“函数pageLoad（）”


$（函数（）{
$（“.datepicker”）.datepicker（{dateformat:“yy-mm-dd”}）；
});

看看：

您不需要“函数pageLoad（）”


$（函数（）{
$（“.datepicker”）.datepicker（{dateformat:“yy-mm-dd”}）；
});

看看：

您不需要“函数pageLoad（）”


$（函数（）{
$（“.datepicker”）.datepicker（{dateformat:“yy-mm-dd”}）；
});

看看：

您不需要“函数pageLoad（）”


$（函数（）{
$（“.datepicker”）.datepicker（{dateformat:“yy-mm-dd”}）；
});

实际上，要完成@Wilson Huang answer而不是使用pageload，您必须使用jquery ready，否则jquery小部件将无法工作

 $( document ).ready(function() {
     $(".datepicker").datepicker({ dateFormat: "yy-mm-dd" });
    });

还要确保dateFormat是驼峰式的，不要忘记添加css和javascript链接

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

实际上，要完成@Wilson Huang answer而不是使用pageload，您必须使用jquery ready，否则jquery小部件将无法工作

 $( document ).ready(function() {
     $(".datepicker").datepicker({ dateFormat: "yy-mm-dd" });
    });

还要确保dateFormat是驼峰式的，不要忘记添加css和javascript链接

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

实际上，要完成@Wilson Huang answer而不是使用pageload，您必须使用jquery ready，否则jquery小部件将无法工作

 $( document ).ready(function() {
     $(".datepicker").datepicker({ dateFormat: "yy-mm-dd" });
    });

还要确保dateFormat是驼峰式的，不要忘记添加css和javascript链接

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

实际上，要完成@Wilson Huang answer而不是使用pageload，您必须使用jquery ready，否则jquery小部件将无法工作

 $( document ).ready(function() {
     $(".datepicker").datepicker({ dateFormat: "yy-mm-dd" });
    });

还要确保dateFormat是驼峰式的，不要忘记添加css和javascript链接

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

以下是工作代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
    $(function () {
        $(".datepicker").datepicker({ dateFormat: 'yy-MM-dd' });
    });
</script>


$（函数（）{
$（“.datepicker”）.datepicker（{dateFormat:'yy-MM-dd'}）；
});

以下是工作代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
    $(function () {
        $(".datepicker").datepicker({ dateFormat: 'yy-MM-dd' });
    });
</script>


$（函数（）{
$（“.datepicker”）.datepicker（{dateFormat:'yy-MM-dd'}）；
});

以下是工作代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
    $(function () {
        $(".datepicker").datepicker({ dateFormat: 'yy-MM-dd' });
    });
</script>


$（函数（）{
$（“.datepicker”）.datepicker（{dateFormat:'yy-MM-dd'}）；
});

以下是工作代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
    $(function () {
        $(".datepicker").datepicker({ dateFormat: 'yy-MM-dd' });
    });
</script>


$（函数（）{
$（“.datepicker”）.datepicker（{dateFormat:'yy-MM-dd'}）；
});

：（我试着用你的代码替换我的代码。但将你的脚本放在head标记中仍然不起作用：（我不知道这背后的原因是什么）这是JSFIDLE链接，它非常有效：（我试着用你的代码替换我的代码。将你的脚本放在head标记中仍然不起作用：（我不知道这背后的原因是什么看这是JSFIDLE链接，它工作得很好。）（我试着用你的代码替换我的代码。把你的脚本放在head标记中仍然不起作用。）（我不知道这背后的原因是什么看这是JSFIDLE链接，它工作得很好：（我尝试用您的代码替换我的代码。但将脚本放在head标记中仍然不起作用：（我不知道这背后的原因是什么看这是JSFIDLE链接，它工作正常检查你的控制台是否有错误？检查你的控制台是否有错误？检查你的控制台是否有错误？检查你的控制台是否有错误？检查你的控制台是否有错误？