ASP.NET用户控件中的jQuery

我想在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>

$（函数（）{
$（“#SDate”）.datepicker（）；
$（“#EDate”）.datepicker（）；
});

公司：


开始日期：


结束日期：


支付：


角色：

如果查看呈现的html，您将看到ID已更改。这是webforms的一部分

尝试：

$（“#”）日期选择器（）；

将脚本块替换为

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

    });
</script>

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

试试这个：

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

---

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

向我们展示一些代码您尝试了什么以及遇到了什么问题这是代码ITried@SatishNissankala-难怪它不起作用……没有代码。@Steve Wellens刚刚在问题中添加了代码。你有任何jQuery在这个问题上工作吗页面？

$（函数（）{}）

也是一样。我替换了jquery选择器@Jack，以消除web用户控件标记中生成的客户端ID。哦，我完全忽略了这一点，抱歉，这没关系，jack，有时会发生：）还要检查用户控件的容器页面是否没有javascript/jquery错误，请参见mozilla firebug错误console@satish如果这对你有用，然后考虑把它标记为选择的答案，只要点击正确的符号接受它作为你的答案，它将有助于像我们这样的其他OPS：

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