ASP.NET 日歷

2022-06-27 15:40 更新

日歷

日歷控件是一個功能豐富的網(wǎng)絡控件，它提供了以下功能：

  • 一次顯示一個月
  • 選擇一天，一個星期或一個月
  • 選擇某范圍之內的一天
  • 在月份和月份之間移動
  • 格式化的控制天數(shù)的顯示

日歷控件的基本的語法為：

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

日歷控件的屬性和事件

日歷控件有很多的屬性和事件，使用它們你可以自定義操作并且控制顯示。下表提供了日歷控件的一些重要的屬性：

屬性描述
Caption獲取或設置日歷控件的標題。
CaptionAlign獲取或設置標題的排列。
CellPadding獲取或設置數(shù)據(jù)和單元格邊界之間的空間。
CellSpacing獲取或設置單元格之間的空間。
DayHeaderStyle獲得樣式屬性來顯示一星期中的一天。
DayNameFormat獲取或設置星期中的日期。
DayStyle獲取樣式屬性來顯示月份中的日期。
FirstDayOfWeek獲取或設置星期中的日期并顯示在第一行。
NextMonthText獲取或設置下個月的導航文本，默認值是 >。
NextPrevFormat獲取或設置下個月或上個月的導航控件。
OtherMonthDayStyle獲取沒有顯示在月份中的日期的樣式屬性。
PrevMonthText獲取或設置上個月的導航文本，默認值是 <。
SelectedDate獲取或設置選中的日期。
SelectedDates獲取一個 DateTime 對象的集合代表所選日期。
SelectedDayStyle獲取選中日期的樣式屬性。
SelectionMode獲取或設置選擇模式來指定用戶是否可以選擇一天，一周或是一個月。
SelectMonthText獲取或設置在選擇器列中的選擇月份元素的文本。
SelectorStyle獲取星期或月的選擇器列的樣式屬性。
SelectWeekText獲取或設置選擇器列中的星期選擇元素的文本顯示。
ShowDayHeader獲取或設置值，該值指示星期中日期的標題是否被顯示。
ShowGridLines獲取或設置值顯示網(wǎng)格線是否會被顯示。
ShowNextPrevMonth獲取或設置一個值，該值指示下一個月和上一個月的導航元素是否在標題部分顯示。
ShowTitle獲取或設置一個值，該值指示標題部分是否被顯示。
TitleFormat獲取或設置標題的格式。
Titlestyle獲取日期控件的標題的樣式屬性。
TodayDayStyle獲取今天日期的樣式屬性。
TodaysDate獲取或設置今天的日期的值。
UseAccessibleHeader獲取或設置一個值，該值顯示是否呈現(xiàn)表格標題 <th> HTML 元素給日期標頭而不是表格數(shù)據(jù) <td> HTML 元素。
VisibleDate獲取或設置指定月的日期并顯示。
WeekendDayStyle獲取或設置周末日期的樣式屬性。

日期控件有以下三個最重要的事件來允許開發(fā)者編寫日期控件。它們是：

事件描述
SelectionChanged當一天，一周或一個月被選中時，它會被觸發(fā)。
DayRender日歷控件的每一個數(shù)據(jù)單元呈現(xiàn)時，它會被觸發(fā)。
VisibleMonthChanged用戶更改月份時，它會被觸發(fā)。

使用日歷控件

使用一個沒有任何代碼的初始的日歷控件給網(wǎng)站提供一個有效的日歷，以顯示一年中的月份和日期。它也含有下個月和上個月的導航。

image

日歷控件允許用戶選擇一天,一周,或一整個月。這是通過使用 SelectionMode 屬性來實現(xiàn)的。這個屬性有以下值:

屬性描述
Day選擇一天。
DayWeek選擇一天或一整個星期。
DayWeekMonth選擇一天一星期或一整個月。
None什么也不能被選擇。

選擇日期的語法：

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

當選擇模式選擇為 DayWeekMonth 時，會出現(xiàn)一個用符號 > 標識的額外的列來選擇星期，并且 >> 符號出現(xiàn)在天名的左邊來選擇月份。

image

例子

下面的例子演示了選擇一個日期并且顯示在一個標簽內：

內容文件代碼如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="calendardemo._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

   <head runat="server">
      <title>
         Untitled Page
      </title>
   </head>

   <body>
      <form id="form1" runat="server">

         <div>
            <h3> Your Birthday:</h3>
            <asp:Calendar ID="Calendar1" runat="server  SelectionMode="DayWeekMonth" onselectionchanged="Calendar1_SelectionChanged">
            </asp:Calendar>
         </div>

         <p>Todays date is: 
            <asp:Label ID="lblday" runat="server"></asp:Label>
         </p>

         <p>Your Birday is: 
            <asp:Label ID="lblbday" runat="server"></asp:Label>
         </p>

      </form>
   </body>
</html>

事件處理程序的事件 SelectionChanged:

protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
   lblday.Text = Calendar1.TodaysDate.ToShortDateString();
   lblbday.Text = Calendar1.SelectedDate.ToShortDateString();
}

運行該文件時,它將生成以下輸出:

image

以上內容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號