ASP.NET Calendar日历(日期)控件使用方法

所属分类: 网络编程 / ASP.NET 阅读数: 1800
收藏 0 赞 0 分享

Calendar 控件显示一个日历,用户可通过该日历导航到任意一年的任意一天。当 ASP.NET 网页运行时,Calendar 控件以 HTML 表格的形式呈现。因此,该控件的许多属性与多种不同的表格格式相符。在这些属性中,有几个在一些低版本的浏览器中不能得到完全支持,因此在这些浏览器中并不能使用所有的格式功能。

使用 Calendar 控件在网页上显示日历的单个月。该控件使您可以选择日期并移到下个月或上个月。Calendar 控件支持 System.Globalization 命名空间中的所有 System.Globalization.Calendar 类型。除公历以外,这还包括使用不同年和月系统的日历,如 Hjiri 日历。

可以通过设置 SelectionMode 属性指定 Calendar 控件是否允许选择单日、周或整月。

默认情况下,该控件显示月中各天、周中各天的标头、带有月份名和年份的标题、用于选择月份中各天的链接及用于移动到下个月和上个月的链接。您可以通过设置控制控件中不同部分的样式的属性,来自定义 Calendar 控件的外观。下表列出了指定控件不同部分的样式的属性。

属性 说明

DayHeaderStyle 为显示一周中各天的部分指定样式。
DayStyle 为显示的月份中的日期指定样式。
NextPrevStyle 为标题部分中的导航控件指定样式。
OtherMonthDayStyle 为不在当前显示的月份中的日期指定样式。
SelectedDayStyle 为日历中的选定日期指定样式。
SelectorStyle 为周和月份日期选择列指定样式。
TitleStyle 为标题部分指定样式。
TodayDayStyle 为今天日期指定样式。
WeekendDayStyle 为周末日期指定样式。

也可以显示或隐藏控件的不同部分。下表列出控制显示或隐藏哪些部分的属性。

ShowDayHeader 显示或隐藏显示一周中各天的部分。
ShowGridLines 显示或隐藏月中各天之间的网格线。
ShowNextPrevMonth 显示或隐藏指向下个月或上个月的导航控件。
ShowTitle 显示或隐藏标题部分。

尽管 Calendar 控件不支持绑定到数据源,但是可以修改各个日期单元格的内容和格式设置。在网页上显示 Calendar 控件之前,它创建并汇编组成该控件的组件。当创建 Calendar 控件中的每个日期单元格时,均会引发 DayRender 事件。通过在 DayRender 事件的事件处理程序中提供代码,可以在创建日期单元格时控制其内容和格式设置。

Calendar 控件将 ECMAScript(JScript、JavaScript)呈现给客户端浏览器。客户端浏览器必须启用 ECMAScript,此控件才能正常工作。

下面的代码示例演示如何在网页上创建 Calendar 控件。

前台代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Calendar.aspx.cs" Inherits="WebControls_Calendar" %>

<!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></title>
 <style type="text/css">
  .style1
  {
   width: 369px;
  }
 </style>
</head>
<body>
 <form id="form1" runat="server">
 <div>
 <h3>Calendar(日期控件)</h3>
  <table style="width: 100%;">
   <tr>
    <td class="style1">
     &nbsp;
     属性</td>
    <td>
     值</td>
    <td>
     作用</td>
   </tr>
  </table>
  <hr />
  请选择日期:<asp:Calendar ID="calDate" runat="server"></asp:Calendar>
  <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" />
  <hr />
  请选的日期为:<asp:Label ID="lblState" runat="server"></asp:Label>
  <br />
  <br />
  本地日期和时间为:<asp:Label ID="lblBenDiShiJian" runat="server"></asp:Label>
 </div>
 </form>
</body>
</html>

后台代码:

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class WebControls_Calendar : System.Web.UI.Page
{
 protected void Page_Load(object sender, EventArgs e)
 {
  lblBenDiShiJian.Text = System.DateTime.Now.ToString();
 }
 protected void btnSubmit_Click(object sender, EventArgs e)
 {
  lblState.Text = calDate.SelectedDate.ToShortDateString();
 }
}

显示效果:

Calendar日历控件

请选的日期为:2013-03-13

本地日期和时间为:2013-03-06 10:22:23

更多精彩内容其他人还在看

asp.net 页面间传值与跳转的区别

通过Server.Transfer("b.aspx") 与Response.Redirect("b.aspx")的区别
收藏 0 赞 0 分享

ASP.NET Gridview与checkbox全选、全不选实现代码

ASP.NET Gridview checkbox全选与全不选实现代码,其实原理就是利用js来实现的,但需要简单的设置下回传。
收藏 0 赞 0 分享

ASP.NET DropDownList控件的使用方法

ASP.NET DropDownList控件的使用方法,学习asp.net的朋友没用过这个控件的朋友可以参考下。
收藏 0 赞 0 分享

一些.NET对多线程异常处理技巧分享

多线程应用,在实际的项目或产品开发中,原则上来说,应该尽量避免,但是在强调用户体验的要求下或开发平台的限制下(如 Silverlight Socket 通讯),我们不得不用多线程。
收藏 0 赞 0 分享

ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法

同一相站点,有些页面的客户端验证能工作,而有些死活不行。打开页面就出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null错误
收藏 0 赞 0 分享

asp.net 通用分页显示辅助类(改进版)

在使用ASP.NET编程时,如果不用控件的默认分页功能,想自己搞一个,可以看看本文的asp.net通用分页显示辅助类哦。
收藏 0 赞 0 分享

微软 Visual Studio 2010官方下载地址给大家

昨天VS2010在网上报道都已经发布了,现在今天在网上找到Visual Studio 2010官方下载地址,提供给大家下载。
收藏 0 赞 0 分享

Javascript 直接调用服务器C#代码 ASP.NET Ajax实例

近来总有一些朋友会问到一些入门的问题,把这些问题整理一下,写出来。在以前的文章里,曾经利用纯JS编写过Ajax引擎,在真正开发的时候,大家都不喜欢以这种低效率的方式开发,利用MS Ajax的集成的引擎,可以简单不少工作。
收藏 0 赞 0 分享

ASP.NET 页面刷新的实现方法(包括html,js)

ASP.NET 页面刷新的实现方法,比较全了, 包括html与js下的实现方法。
收藏 0 赞 0 分享

asp.net 无刷新翻页就是这么简单

前两天看了一个自定义分页控件,和AspNetPager一样是实现IPostBackEventHandler接口,不过简洁许多,就想能不能实现ICallbackEventHandler接口做到无刷新分页呢?想到了就马上去做,终于,设想变成了现实!!
收藏 0 赞 0 分享
查看更多