日歷控件是一個功能豐富的Web控件，它提供了以下功能：
日歷控件的基本語法是：
<asp:Calender ID = "Calendar1" runat = "server">
</asp:Calender>
日歷控件具有許多屬性和事件，使用它們可以自定義控件的操作和顯示。 下表提供了Calendar控件的一些重要屬性：
| 編號 | 屬性 | 描述 |
|---|---|---|
| 1 | Caption |
獲取或設(shè)置日歷控件的標題。 |
| 2 | CaptionAlign |
獲取或設(shè)置標題的對齊方式。 |
| 3 | CellPadding |
獲取或設(shè)置數(shù)據(jù)與單元格邊框之間的空格數(shù)。 |
| 4 | CellSpacing |
獲取或設(shè)置單元格之間的空間。 |
| 5 | DayHeaderStyle |
獲取顯示星期幾的部分的樣式屬性。 |
| 6 | DayNameFormat |
獲取或設(shè)置一周中的幾天的格式。 |
| 7 | DayStyle |
獲取顯示的月份中日期的樣式屬性。 |
| 8 | FirstDayOfWeek |
獲取或設(shè)置要在第一列中顯示的是星期幾。 |
| 9 | NextMonthText |
獲取或設(shè)置下個月導航控件的文本。 默認值是字符：> |
| 10 | NextPrevFormat |
獲取或設(shè)置下個月和上個月的導航控件的格式。 |
| 11 | OtherMonthDayStyle |
獲取日歷控件上不在顯示的月份中的日子的樣式屬性。 |
| 12 | PrevMonthText |
獲取或設(shè)置上個月導航控件的文本。默認值是字符：<。 |
| 13 | SelectedDate |
獲取或設(shè)置選定的日期。 |
| 14 | SelectedDates |
獲取表示所選日期的DateTime對象的集合。 |
| 15 | SelectedDayStyle |
獲取所選日期的樣式屬性。 |
| 16 | SelectionMode |
獲取或設(shè)置選擇模式，該模式指定用戶是可以選擇一天，一周還是整個月份。 |
| 17 | SelectMonthText |
獲取或設(shè)置選擇器列中月份選擇元素的文本。 |
| 18 | SelectorStyle |
獲取周和月選擇器列的樣式屬性。 |
| 19 | SelectWeekText |
獲取或設(shè)置在選擇器列中為星期選擇元素顯示的文本。 |
| 20 | ShowDayHeader |
獲取或設(shè)置指示是否顯示星期幾的標題的值。 |
| 21 | ShowGridLines |
獲取或設(shè)置指示是否顯示網(wǎng)格線的值。 |
| 22 | ShowNextPrevMonth |
獲取或設(shè)置一個值，該值指示標題部分中是否顯示下個月和上個月的導航元素。 |
| 23 | ShowTitle |
獲取或設(shè)置一個值，指示是否顯示標題部分。 |
| 24 | TitleFormat |
獲取或設(shè)置標題部分的格式。 |
| 25 | Titlestyle |
獲取日歷控件標題標題的樣式屬性。 |
| 26 | TodayDayStyle |
獲取日歷控件上今天日期的樣式屬性。 |
| 27 | TodaysDate |
獲取或設(shè)置今天的日期值。 |
| 28 | UseAccessibleHeader |
獲取或設(shè)置一個值，該值指示是否為日期標題呈現(xiàn)表格標題<th> HTML元素，而不是表格數(shù)據(jù)<td> HTML元素。 |
| 29 | VisibleDate |
獲取或設(shè)置指定要顯示的月份的日期。 |
| 30 | WeekendDayStyle |
獲取Calendar控件上周末日期的樣式屬性。 |
日歷控件具有以下三個最重要的事件，允許開發(fā)人員對日歷控件進行編程。這些事件分別是：
| 編號 | 事件 | 描述 |
|---|---|---|
| 1 | SelectionChanged |
當選擇一天，一周或整個月份時引發(fā)。 |
| 2 | DayRender |
在日歷控件的每個數(shù)據(jù)單元被渲染時引發(fā)。 |
| 3 | VisibleMonthChanged |
當用戶更改一個月時引發(fā)。 |
可以把沒有任何代碼的裸露日歷控件放在文件后面，為網(wǎng)站提供了一個可行的日歷，該日歷顯示了一年中的幾個月和幾天。它還允許導航到下個月和前幾個月。
日歷控件允許用戶選擇一天，一周或整個月份。 這是通過使用SelectionMode屬性完成的。 該屬性具有以下值：
| 編號 | 屬性 | 描述 |
|---|---|---|
| 1 | Day |
選擇一天。 |
| 2 | DayWeek |
選擇一天或一整周。 |
| 3 | DayWeekMonth |
選擇一天，一周或整個月份。 |
| 4 | None |
什么都不能選擇。 |
選擇天數(shù)的語法：
<asp:Calender ID = "Calendar1" runat = "server" SelectionMode="DayWeekMonth">
</asp:Calender>
當選擇模式設(shè)置為值DayWeekMonth時，會出現(xiàn)一個帶有>符號的額外列，用于選擇星期，而一個>>符號出現(xiàn)在日期名稱左邊，用來選擇月份。
首先打開Visual Studio，創(chuàng)建一個名稱為：CalendarControl 的空ASP.NET網(wǎng)站項目，如下所示 -
在這個項目名稱上點擊右鍵，在彈出的選項中選擇：添加 -> 添加新項，選擇Web窗體，創(chuàng)建一個文件：Default.aspx， 如下所示 -
以下示例演示如何選擇日期并在標簽中顯示日期，參考以下文件(Default.aspx)代碼的實現(xiàn) -
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>日期控件示例</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h3> 你的生日:</h3>
<asp:Calendar ID="Calendar1" runat="server" SelectionMode="DayWeekMonth" onselectionchanged="Calendar1_SelectionChanged">
</asp:Calendar>
</div>
<p>今天是:
<asp:Label ID="lblday" runat="server"></asp:Label>
</p>
<p>你的生日是:
<asp:Label ID="lblbday" runat="server"></asp:Label>
</p>
</form>
</body>
</html>
以下是Default.aspx.cs文件代碼的實現(xiàn) -
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
lblday.Text = Calendar1.TodaysDate.ToShortDateString();
lblbday.Text = Calendar1.SelectedDate.ToShortDateString();
}
}
運行上面示例代碼，得到以下結(jié)果 -
掃碼關(guān)注鍍金池微信號
手機訂課，優(yōu)惠多多