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的樣品網站：

<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" />