Question

我想在ASP.NET用户控件中使用jQuery。有人可以告诉我如何以正确的方式做到这一点。我想在文本框上实现datepicker。我是ASP.NET和jQuery的新手。

提前致谢。

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Employer.ascx.cs"  Inherits="Employer" %>
<script src="/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<link href="/Styles/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery.ui.core.js" type="text/javascript"></script>
<script src="/Scripts/jquery.ui.widget.js" type="text/javascript"></script>
<script src="/Scripts/jquery.ui.datepicker.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
       $("#SDate").datepicker();
       $("#EDate").datepicker();
    });
</script>
<p>
    Company:<asp:TextBox ID="CBox" runat="server" />
    <asp:RequiredFieldValidator ID="ERVal" runat="server" ErrorMessage="Please Enter The Company Name" ControlToValidate="CBox"></asp:RequiredFieldValidator>
</p>
<p>
Start Date:<asp:TextBox ID="SDate" runat="server" CssClass="DatepickerInput" />
</p>
<p>
End Date:<asp:TextBox ID="EDate" runat="server" CssClass="DatepickerInput" />
</p>
<p>
Pay:<asp:TextBox ID="PayBox" runat="server" />
</p>
<p>
Role:<asp:DropDownList ID="RLBox" runat="server" >
    <asp:ListItem Text="Admin" Value="Admin" />
    <asp:ListItem Text="Employer" Value="Employer" />
</asp:DropDownList>
</p>

Answer 1

如果您查看渲染的HTML，您会看到ID已更改。这是webforms的一部分。

尝试：

$("#<%= SDate.ClientID %>").datepicker();

Answer 2

用

替换脚本块

<script type="text/javascript">
    $(document).ready(function () {
       $(".DatepickerInput").datepicker();

    });
</script>

Answer 3

试试这个：

$("input[id$=SDate]").datepicker();
$("input[id$=EDate]").datepicker();

我让它在我的盒子上工作。美元符号是一种通配符属性选择器...任何以文本结尾的ID。

ASP.NET用户控件中的jQuery

3 个答案: