asp.net web表单日历 asp.netweb表单日历|ASP.NET教程

本文概述

日历属性窗口
例

它用于显示日历中的可选日期。它还显示与特定日期关联的数据。此控件显示日历，用户可以通过该日历移动到任何一年中的任何一天。
我们还可以设置在日历中显示指定日期的Selected Date属性。
要创建日历，我们可以将其从Visual Studio的工具箱中拖动。
这是一个服务器端控件，ASP.NET提供了自己的标签来创建它。下面给出示例。

< asp:CalendarID="Calendar1" runat="server" SelectedDate="2017-06-15" >< /asp:Calendar>

服务器将其呈现为HTML控件，并向浏览器生成以下代码。

< table id="Calendar1" cellspacing="0" cellpadding="2" title="Calendar" style="border-width:1px; border-style:solid; border-collapse:collapse; "> < tr>< td colspan="7" style="background-color:Silver; "> < table cellspacing="0" style="width:100%; border-collapse:collapse; "> < tr>< td style="width:15%; "> < a href="javascript:__doPostBack('Calendar1', 'V6330')" style="color:Black" title="Go to the previous month">< /a> ...

该控件具有自己的属性，如下表所示。

属性	描述
AccessKey	用于设置控件的键盘快捷键。
TabIndex	控件的制表符顺序。
BackColor	用于设置控件的背景色。
BorderColor	用于设置控件的边框颜色。
BorderWidth	用于设置控件边框的宽度。
Font	用于设置控制文本的字体。
ForeColor	用于设置控件文本的颜色。
Text	它用于设置要为控件显示的文本。
ToolTip	当鼠标悬停在控件上时, 它将显示文本。
Visible	在窗体上设置控件的可见性。
Height	用于设置控件的高度。
Width	用于设置控件的宽度。
NextMonth Text	它用于设置下个月按钮的文本。
TitleFormat	它设置标题中月份标题的格式。
DayHeaderStyle	用于设置日期标题行的样式。
DayStyle	它用于将样式应用于几天。
NextPrevStyle	用于将样式应用于月份导航按钮。

日历属性窗口

文章图片
例在此示例中，我们将实现日历并在网页上显示用户选择的日期。
// WebControls.aspx

< %@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebControls.aspx.cs" Inherits="WebFormsControlls.WebControls" %> < !DOCTYPE html> < html xmlns="http://www.w3.org/1999/xhtml"> < head runat="server"> < title>< /title> < /head> < body> < form id="form1" runat="server"> < h2>Select Date from the Calender< /h2> < div> < asp:Calendar ID="Calendar1" runat="server" OnSelectionChanged="Calendar1_SelectionChanged">< /asp:Calendar> < /div> < /form> < p> < asp:Label runat="server" ID="ShowDate" >< /asp:Label> < /p> < /body> < /html>

背后的代码
// WebControls.aspx.cs

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace WebFormsControlls { public partial class WebControls : System.Web.UI.Page { public void Calendar1_SelectionChanged(object sender, EventArgs e) { ShowDate.Text = "You Selected: "+Calendar1.SelectedDate.ToString("D"); } } }

输出：
此视图向浏览器显示日历。