asp.netのカレンダーコントロールC＃

Question

カレンダーコントロールをasp.netのC＃で関連付けられたボタンとともに追加する必要があります。

私は以下のコードを持っています。

<asp:TextBox ID="txtDateFrom" CssClass="text-small" runat="server" 
      BorderWidth="1px" ToolTip="Click to choose date"></asp:TextBox> 
<asp:Label ID="lblFromError" CssClass="Error" runat="server" 
      Text="*" Visible="False"></asp:Label> 
<asp:Label ID="lblTo" runat="server" Text="To" ForeColor="Black"></asp:Label> 
<asp:CalendarExtender ID="txtDateFrom_CalendarExtender" runat="server" 
         TargetControlID="txtDateFrom" 
         Format="yyyy-MM-dd" TodaysDateFormat="yyyy d, MMMM"> 
</asp:CalendarExtender> 

Answer 1

あなたはImageButtonを追加し、CalendarExtenderのPopupButtonIDプロパティをImageButtonのIDに設定する必要があります。

これはAjaxControlToolkitのサンプルWebサイトからです：

<ajaxToolkit:ToolkitScriptManager runat="Server" ID="ScriptManager1" /> 

<b>Calendar with an associated button:</b><br /> 
<asp:TextBox runat="server" ID="Date5" /> 
<asp:ImageButton runat="Server" ID="Image1" 
    ImageUrl="~/images/Calendar_scheduleHS.png" 
    AlternateText="Click to show calendar" /><br /> 
<ajaxToolkit:CalendarExtender ID="calendarButtonExtender" runat="server" 
    TargetControlID="Date5" PopupButtonID="Image1" /> 

Answer 2

カレンダー用のJQueryプラグインを使用できます。このtopic

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

<script> 
$(document).ready(function() { 
    $("#datepicker").datepicker(); 
}); 
</script> 

<div type="text" id="datepicker"></div> 

Answer 3

をチェックしています。この 1のようにToolkitScriptManagerを追加 2. TextBoxコントロールを追加します 3.ここでCalendarExtender

を追加する完全なコードです：

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> 
</asp:ToolkitScriptManager> 

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

<asp:CalendarExtender 
    ID="CalendarExtender1" 
    TargetControlID="txtStartDate" 
    runat="server" />