ASP.净,jQuery日历-不工作

本文关键字:工作 日历 jQuery ASP | 更新日期: 2023-09-27 18:13:48

我已经有了一个显示jQuery日历的测试页面。

似乎我已经创建了正确的一切,但日历控件没有显示。

有人看到我下面的例子有什么问题吗?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestjQuery.aspx.cs" Inherits="AcpSheetMetal.TestjQuery" %>
<!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>jQuery Calendar Test</title>
  <link rel="Stylesheet" type="text/css" href="Styles/jquery.ui.datepicker.css" />
  <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript" />
  <script src="Scripts/jquery.ui.datepicker.js" type="text/javascript" />
  <script type="text/javascript">
    $(function () {
      alert("Select Dates and Run Search.");
      $("#txtStartDate").datepicker();
      $("#txtEndDate").datepicker();
    });
  </script>
</head>
<body>
  <form id="form1" runat="server">
  <div>
  <table style="height:100%;width:100%">
    <tr>
      <td style="width:20%;">
        <asp:Label ID="lblStartDate" runat="server" Text="[Start Date]" /><br />
        <asp:TextBox ID="txtStartDate" runat="server" ClientIDMode="Static"></asp:TextBox>
      </td>
      <td style="width:20%;">
        <asp:Label ID="lblEndDate" runat="server" Text="[End Date]" /><br />
        <asp:TextBox ID="txtEndDate" runat="server" ClientIDMode="Static"></asp:TextBox>
      </td>
      <td style="text-align:left;">
        Run Search:<br />
        <asp:Button ID="btnSubmit" runat="server" Text="Submit" />
      </td>
    </tr>
  </table>
  </div>
  </form>
</body>
</html>

ASP.净,jQuery日历-不工作

这可能是自关闭脚本标签导致的问题-

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

尝试将此模式用于所有脚本标记

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

查看这个问题了解更多信息-为什么't自关闭脚本标签工作?

因为您说警报没有触发,所以我会说路径Scripts/jquery-1.4.1.min.js可能是错误的。

你确定这指向你的javascript文件吗?

确保路径正确并关闭JavaScript标记:

  <link rel="Stylesheet" type="text/css" href='<%= Page.UrlResolve("~/Styles/jquery.ui.datepicker.css" %>' />
  <script src='<%= Page.UrlResolve("~/Scripts/jquery-1.4.1.min.js" %>'  type="text/javascript"></script>
  <script src='<%= Page.UrlResolve("~/Scripts/jquery.ui.datepicker.js" %>'  type="text/javascript"></script>

为什么自关闭脚本标签不能工作?