ASP.NET日曆控件

日曆控件是一個功能豐富的Web控件，它提供了以下功能：

每次顯示一個月
選擇一天，一週或一個月
選擇一個天數的範圍
逐月移動
以編程方式控制日期的顯示

日曆控件的基本語法是：

<asp:Calender ID = "Calendar1" runat = "server">
</asp:Calender>

日曆控件的屬性和事件

日曆控件具有許多屬性和事件，使用它們可以自定義控件的操作和顯示。下表提供了Calendar控件的一些重要屬性：

編號

屬性

描述

Caption

獲取或設置日曆控件的標題。

CaptionAlign

獲取或設置標題的對齊方式。

CellPadding

獲取或設置數據與單元格邊框之間的空格數。

CellSpacing

獲取或設置單元格之間的空間。

DayHeaderStyle

獲取顯示星期幾的部分的樣式屬性。

DayNameFormat

獲取或設置一週中的幾天的格式。

DayStyle

獲取顯示的月份中日期的樣式屬性。

FirstDayOfWeek

獲取或設置要在第一列中顯示的是星期幾。

NextMonthText

獲取或設置下個月導航控件的文本。默認值是字符：>

NextPrevFormat

獲取或設置下個月和上個月的導航控件的格式。

OtherMonthDayStyle

獲取日曆控件上不在顯示的月份中的日子的樣式屬性。

PrevMonthText

獲取或設置上個月導航控件的文本。默認值是字符：<。

SelectedDate

獲取或設置選定的日期。

SelectedDates

獲取表示所選日期的DateTime對象的集合。

SelectedDayStyle

獲取所選日期的樣式屬性。

SelectionMode

獲取或設置選擇模式，該模式指定用戶是可以選擇一天，一週還是整個月份。

SelectMonthText

獲取或設置選擇器列中月份選擇元素的文本。

SelectorStyle

獲取周和月選擇器列的樣式屬性。

SelectWeekText

獲取或設置在選擇器列中爲星期選擇元素顯示的文本。

ShowDayHeader

獲取或設置指示是否顯示星期幾的標題的值。

ShowGridLines

獲取或設置指示是否顯示網格線的值。

ShowNextPrevMonth

獲取或設置一個值，該值指示標題部分中是否顯示下個月和上個月的導航元素。

ShowTitle

獲取或設置一個值，指示是否顯示標題部分。

TitleFormat

獲取或設置標題部分的格式。

Titlestyle

獲取日曆控件標題標題的樣式屬性。

TodayDayStyle

獲取日曆控件上今天日期的樣式屬性。

TodaysDate

獲取或設置今天的日期值。

UseAccessibleHeader

獲取或設置一個值，該值指示是否爲日期標題呈現表格標題<th> HTML元素，而不是表格數據<td> HTML元素。

VisibleDate

獲取或設置指定要顯示的月份的日期。

WeekendDayStyle

獲取Calendar控件上週末日期的樣式屬性。

日曆控件具有以下三個最重要的事件，允許開發人員對日曆控件進行編程。這些事件分別是：

編號

事件

描述

SelectionChanged

當選擇一天，一週或整個月份時引發。

DayRender

在日曆控件的每個數據單元被渲染時引發。

VisibleMonthChanged

當用戶更改一個月時引發。

使用日曆控件

可以把沒有任何代碼的裸露日曆控件放在文件後面，爲網站提供了一個可行的日曆，該日曆顯示了一年中的幾個月和幾天。它還允許導航到下個月和前幾個月。

ASP.NET日曆控件

日曆控件允許用戶選擇一天，一週或整個月份。這是通過使用SelectionMode屬性完成的。該屬性具有以下值：

編號

屬性

描述

Day

選擇一天。

DayWeek

選擇一天或一整週。

DayWeekMonth

選擇一天，一週或整個月份。

None

什麼都不能選擇。

選擇天數的語法：

<asp:Calender ID = "Calendar1" runat = "server" SelectionMode="DayWeekMonth">
</asp:Calender>

當選擇模式設置爲值DayWeekMonth時，會出現一個帶有>符號的額外列，用於選擇星期，而一個>>符號出現在日期名稱左邊，用來選擇月份。

示例

首先打開Visual Studio，創建一個名稱爲：CalendarControl 的空ASP.NET網站項目，如下所示 -

ASP.NET日曆控件

在這個項目名稱上點擊右鍵，在彈出的選項中選擇：添加 -> 添加新項，選擇Web窗體，創建一個文件：Default.aspx，如下所示 -
ASP.NET日曆控件

以下示例演示如何選擇日期並在標籤中顯示日期，參考以下文件(Default.aspx)代碼的實現 -

<%@ 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文件代碼的實現 -

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();
    }
}

運行上面示例代碼，得到以下結果 -

ASP.NET日曆控件

易百教程移動端：請掃描本頁面底部(右側)二維碼並關注微信公衆號，回覆："教程" 選擇相關教程閱讀或直接訪問：http://m.yiibai.com 。

上一篇：ASP.NET AdRotator控件下一篇：哥，這回真沒有了

加QQ羣啦，易百教程官方技術學習羣

QQ羣名稱

羣號

人數

免費

等級

羣介紹

JAVA技術

227270512

2000

否

LV5

Java基礎，JSP（Servlet），JAVA框架，Java高併發架構，Maven等等

MySQL/SQL

418407075

2000

否

LV5

SQL基礎，MySQL基礎，MySQL存儲過程，視圖，觸發器等等

大數據開發

655154550

2000

否

LV5

Spark，zookeeper，kafka，CDH，hive，fulme，hbase等Hadoop雲計算生態圈技術

Python技術

287904175

2000

否

LV5

Python編程，Python Web，Python大數據，Python爬蟲，自然語言處理等

Linux技術

479429477

2000

是

LV1

Redhat/Centos,Ubuntu,Shell,運維,監控等技術

PHP/Web開發者

460153241

1000

是

LV0

PHP基礎,PHP高級，網站優化/架構，JS,HTML,JQuery,前端等Web開發技術

人工智能

456236082

1000

是

LV0

人工智能，深度學習，算法等技術

Oracle數據庫

175248146

1000

是

LV0

SQL基礎，Oracle基礎，Oracle存儲過程，視圖，觸發器等等

Android開發

159629185

1000

是

LV0

Android開發，Android Studio，Kotlin,Dagger等技術

微軟技術

579821706

1000

是

LV0

C#，ASP.Net，VB.Net，ADO.Net，SQL Server，VBA，Excel等技術