ASP.Net教程

ASP.NET 日历

日历控件是一个功能丰富的网页控件,它提供了以下功能:
一次显示一个月 选择一天、一周或一个月 选择天数范围 逐月移动 以编程方式控制日期的显示
日历控件的基本语法是:
<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 获取 Calendar 控件标题的样式属性。
TodayDayStyle 获取日历控件上今天日期的样式属性。
TodaysDate 获取或设置今天日期的值。
UseAccessibleHeader 获取或设置一个值,该值指示是否为日期标题呈现表格标题 HTML 元素而不是表格数据 HTML 元素。
VisibleDate 获取或设置指定要显示的月份的日期。
WeekendDayStyle 获取日历控件上周末日期的样式属性。
Calendar 控件具有以下三个最重要的事件,允许开发人员对日历控件进行编程。它们是:
事件 说明
SelectionChanged 选择一天、一周或整月时引发。
DayRender 在呈现日历控件的每个数据单元格时引发。
VisibleMonthChanged 当用户一个月变化时引发。

使用日历控件

在没有任何代码隐藏文件的情况下放置一个简单的日历控件为网站提供了一个可行的日历,它显示了一年中的月份和日期。它还允许导航到下个月和上个月。
日历
日历控件允许用户选择一天、一周或整个月。这是通过使用 SelectionMode 属性完成的。此属性具有以下值:
属性 说明
Day 选择一天。
DayWeek 选择一天或一整周。
DayWeekMonth 选择一天、一周或整个月。
None 无法选择任何内容。
选择日期的语法:
<asp:Calender ID = "Calendar1" runat = "server" SelectionMode="DayWeekMonth">
</asp:Calender>
When the selection mode is set to the value DayWeekMonth, an extra column with the > symbol appears for selecting the week, and a >> symbol appears to the left of the days name for selecting the month.
Calendar2

示例

以下示例演示了选择日期并在标签中显示日期:
内容文件代码如下:
<%@ 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();
}
当文件运行时,它应该产生以下输出:
Calendar3
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4