codecamp

ASP.NET 日历

日历

日历控件是一个功能丰富的网络控件,它提供了以下功能:

  • 一次显示一个月
  • 选择一天,一个星期或一个月
  • 选择某范围之内的一天
  • 在月份和月份之间移动
  • 格式化的控制天数的显示

日历控件的基本的语法为:

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

日历控件的属性和事件

日历控件有很多的属性和事件,使用它们你可以自定义操作并且控制显示。下表提供了日历控件的一些重要的属性:

属性描述
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获取或设置周末日期的样式属性。

日期控件有以下三个最重要的事件来允许开发者编写日期控件。它们是:

事件描述
SelectionChanged当一天,一周或一个月被选中时,它会被触发。
DayRender日历控件的每一个数据单元呈现时,它会被触发。
VisibleMonthChanged用户更改月份时,它会被触发。

使用日历控件

使用一个没有任何代码的初始的日历控件给网站提供一个有效的日历,以显示一年中的月份和日期。它也含有下个月和上个月的导航。

image

日历控件允许用户选择一天,一周,或一整个月。这是通过使用 SelectionMode 属性来实现的。这个属性有以下值:

属性描述
Day选择一天。
DayWeek选择一天或一整个星期。
DayWeekMonth选择一天一星期或一整个月。
None什么也不能被选择。

选择日期的语法:

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

当选择模式选择为 DayWeekMonth 时,会出现一个用符号 > 标识的额外的列来选择星期,并且 >> 符号出现在天名的左边来选择月份。

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

ASP.NET 客户端
ASP.NET 基础控件
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }