asp.net中的日历控件c#

时间:2011-06-27 05:28:44

标签: c# asp.net

我需要在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>

3 个答案:

答案 0 :(得分:2)

你可以使用Calendar的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>

答案 1 :(得分:2)

您需要添加一个ImageButton并将CalendarExtender的{​​{1}}属性设置为ImageButton的ID。

这是来自AjaxControlToolkit的示例网站:

PopupButtonID

答案 2 :(得分:1)

这样做 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" />