ASP.NET C＃中的日歷控件

Question

我需要使用C＃在asp.net中添加一個日歷控件及其關聯的按鈕。

我有下面的代碼。

<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

您可以將JQuery插件用於Calendar。 檢查這個話題

<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 2

您將需要添加一個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 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" />