Question

我试图从网上使用jquery来生成我的日期选择器。在我的标记中它是：

<asp:TextBox ID="PStart" runat="server"></asp:TextBox>

接着是

<script type = "text/javascript">
    $(function () {
        $("#PStart").datepicker({
            showOn: "button",
            buttonImage: "images/calendar.gif",
            buttonImageOnly: true
        });
    });
</script>

在我的网站主人的标题中，我已经包含：

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

需要注意的一点是，此日期选择器嵌套在更新面板中，该面板仅在完成表单并单击提交/保存按钮后才会更新。我已将shildren设置为false的触发器，并将模式更新为条件但不显示，远不如做出选择。

Answer 1

如果没有看到更多代码，就无法肯定地说出来。但是，假设没有错误，问题可能在于<asp:ContentPlaceHolder>＆amp; <asp:Content>被召唤。

使用占位符时，asp控件将其ID更改为以下格式： {ContentPlaceHolderID}_ElementID 。

我建议：

将<asp:TextBox ID="PStart" runat="server"></asp:TextBox>更改为<input id="PStart" type="text"/>
检查页面并找到该元素的实际ID（很可能是"#{ContentPlaceHolderID}_PStart"）。

希望这有帮助，如果您有任何问题，请告诉我们！

的Site.Master：

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebApplication1.SiteMaster" %>
<!DOCTYPE html>
<html lang="en">
<head runat="server">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script type ="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type ="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <asp:ContentPlaceHolder runat="server" ID="HeadContent" />
</head>
<body>
    <form runat="server">
        <div id="body">
            <asp:ContentPlaceHolder runat="server" ID="MainContent" />
        </div>
    </form>
</body>
</html>

Default.aspx的：

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
<asp:Content runat="server" ContentPlaceHolderID="HeadContent">
    <script type = "text/javascript">
        $(function () {
            $("#MainContent_PStart, #PStart").datepicker({
                showOn: "button",
                buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
                buttonImageOnly: true
            });
        });
    </script>
</asp:Content>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <asp:TextBox ID="PStart" runat="server"></asp:TextBox> 
    <input type="text" id="PStart"/>
</asp:Content>

结果：

enter image description here

datepicker不工作jquery

1 个答案: