ASP.NETユーザーコントロールのjQuery

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が変更されていることがわかります。これはウェブフォームの一部です。

試してみてください。私はそれは私の箱の上に動作するようになった

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

：

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

Answer 2

はあなたに

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

    }); 
</script> 

Answer 3

でスクリプトブロックを置き換え、これを試してみてください。ドル記号は、ワイルドカード属性セレクタのタイプです。テキストで終わるIDです。