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

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">
      
     属性</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();
 }
}

显示效果:

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

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

时间: 2016-04-14

ASP.NET中实现弹出日历示例

在.net中弹出日历的方法有很多种,这里介绍直接使用.net来实例,我们当然还可以使用js日历来实例哦,下面我分别简单举两个实例吧.有需要的朋友可以了解一下. 代码如下: <%@ Control Language="c#" AutoEventWireup="false" Codebehind="ctlCalendar.ascx.cs" Inherits="calendar.ctlCalendar" TargetSchem

在ASP.NET中实现弹出日历的具体方法

ctlCalendar.ascx的源代码: 复制代码 代码如下: <%@ Control Language="c#" AutoEventWireup="false" Codebehind="ctlCalendar.ascx.cs" Inherits="calendar.ctlCalendar" TargetSchema="http://schemas.microsoft.com/intellisense/ie5

asp.net中日历函数Calendar的使用方法

今天介绍的是微软提供的ajax calendar控件.这个控件使用了ajax的效果,并通过前台js和style设置事件和效果.功能丰富.样式自有,实为网站设计.mis开发之必备控件. 按照惯例,现在该贴代码了: <asp教程:textbox runat="server" id="txtcalendar" width="150" /> <ajaxtoolkit:calendarextender runat="server

ASP.NET中日历控件和JS版日历控件的使用方法(第5节)

今天小编带大家以做任务的形式了解ASP.NET中日历控件的使用方法,主要任务内容: 1.添加一个日历,设置日期以蓝色的完整名称显示,周末以黄色背景红色文字显示,而当前日期使用绿色背景显示,用户可以选择一天.一周或整个月,被选的天/周/月使用灰色背景色来显示.当选中一个日期后,把时间显示在下面的一个文本框中,效果如图所示: 2.设计一个注册页面,使用js日历控件帮助用户输入出生日期.效果如图所示: 学习项目一  Calendar日历控件 1.在站点下创建一个Calendar页面,并在页面上拖放一个

asp.net 时间类 一周的周一和周末的日期

好多时候,数据库查询统计时需要使用本周统计 这里又不想把计算的任务交给数据去做 于是自己写个小函数,得到本周的周一和周末的时间,数据库比较的时候只需要 between ... and 就可以了 代码如下: #region 得到一周的周一和周日的日期 /// <summary> /// 计算本周的周一日期 /// </summary> /// <returns></returns> public static DateTime GetMondayDate()

ASP.NET如何获取两个日期之间的天数

复制代码 代码如下: DateTime startdate=DateTime.Parse("2013-11-01"); DateTime enddate = DateTime.Parse("2013-11-11"); int d = enddate.Subtract(startdate).Days; 定义开始时间startdate 结束时间enddate 使用方法Subtract得到两个时间差

asp.net基于Calendar实现blog日历功能示例

本文实例讲述了asp.net基于Calendar实现blog日历功能.分享给大家供大家参考,具体如下: 怎样用.net的Calendar控件来实现blog中站点日历的效果呢,我们知道站点日历最重要的功能就是,显现在哪天blog主人写了日志,点击日期,你将进入所选日期的日志列表, 首先,我们知道.net中的服务器控件是会进行Postback的,Calendar控件中的第一天在点击时,就会进行一次postback我们要做的就是改变它默认的链接,使它不触发postback事件,其次,就是要知道哪一天有

Asp.net 时间操作基类(支持短日期,长日期,时间差)

复制代码 代码如下: using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; nam

ASP.NET中为TextBox中添加calendar.js示例代码

1.在工程文件下面新建文件夹"js",然后向其中添加JavaScript.js新建项,重命名为calendar.js. 2.向calendar.js中写入代码, 复制代码 代码如下: var cal; var isFocus=false; //是否为焦点 //function SelectDate(obj,strFormat) //两个参数改为只传一个 function SelectDate(obj) { var date = new Date(); var by = date.get

asp.net(C#)实现功能强大的时间日期处理类完整实例

本文实例讲述了asp.net(C#)实现功能强大的时间日期处理类.分享给大家供大家参考,具体如下: using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts

ASP.NET技巧:为Blog打造个性日历

日历控件是.net自带的控件之一,功能强大,在很多项目开发中都有用到,对于blog系统来说更是必不可少.纵是好玉也仍需雕琢,为了使它更美观实用,我们还需要对它进行二次开发. 新建一个用户控件,把calender控件拉进来.第一步是外观设置,这个根据你的需要,只需对它的相关属性做一些调整即可.下图是我调整后的界面 属性设置如下: <asp:calendar id="Calendar1" CellPadding="2" Width="160px"

asp.net 日期函数 某月的第一天和最后一天的日期

#region 得到一个月的第一天和最后一天的日期 /// <summary> /// 得到本月的第一天日期 /// </summary> /// <returns>DateTime</returns> public static DateTime GetFirstDayOfMonth() { return GetFirstDayOfMonth(DateTime.Now); } /// <summary> /// 得到本月的最有一天的日期 ///

ASP 中 DateDiff 函数详解 主要实现两日期加减操作

ASP 中 DateDiff 函数详解DateDiff 函数 描述  返回两个日期之间的时间间隔.  语法  DateDiff(interval, date1, date2 [,firstdayofweek][, firstweekofyear]])  DateDiff 函数的语法有以下参数: 参数 描述  interval 必选.字符串表达式,表示用于计算 date1 和 date2 之间的时间间隔.有关数值,请参阅"设置"部分.  date1, date2 必选.日期表达式.用于计

ASP中DateAdd函数中日期相加或相减使用方法

ASP中DateAdd函数用法 2006/09/22 12:29 注意vbs中和sql中写法略有不同,以下帖出的为vbs帮助. sql的可搜索sql自带帮助文档 字符串表达式,表示要添加的时间间隔.有关数值,请参阅"设置"部分. 返回已添加指定时间间隔的日期. DateAdd(interval, number, date) 参数 interval 必选项. number 必选项.数值表达式,表示要添加的时间间隔的个数.数值表达式可以是正数(得到未来的日期)或负数(得到过去的日期). d

Ext JS框架中日期函数的用法及日期选择控件的实现

Ext.Date是一个单例,封装了一系列日期操作函数,扩展JavaScript Date的功能,下面列出一些常用的功能. 基本函数: Ext.Date.add(date, interval, value) 给date增加或减少时间,这个函数不改变原有Date对象的值,而是返回一个新的Date对象. Ext.Date.between(date, start, end) 判断date是否在start和end之间. Ext.Date.clearTime(date, clone) 把date的时间设置成

oracle 日期函数集合(集中版本)第1/2页

在oracle数据库的开发中,常因为时间的问题大费周章,所以特地将ORACLE数据的日期函数收藏致此.乃供他日所查也. add_months(d,n) 日期d加n个月 last_day(d) 包含d的月?的最后一天的日期 new_time(d,a,b) a?区的日期和??d在b?区的日期和?? next_day(d,day) 比日期d?,由day指定的周几的日期 sysdate 当前的系?日期和?? greatest(d1,d2,...dn) ?出的日期列表中最后的日期 least(d1,k2,

日期函数扩展类Ver0.1.1

复制代码 代码如下: <% '转发时请保留此声明信息,这段声明不并会影响你的速度! '**************************   [日期扩展类]Ver 0.1.1******************************** '开发人:        Sman.Net Fetch '开发日期:        2005-11-11 '版本号:        Ver 0.1.1 '官方网站:http://www.sman.cn     http://www.ad0.cn '电子邮件:

PHP系列学习之日期函数使用介绍

介绍 PHP是一门非常令人惊奇的语言.它足够强大(最大的博客(wordpress)的核心语言),它足够广泛(运行在最大社交网站facebook上),它足够简单(作为初学者首选入门语言).在低成本的机器上运行良好.而且php语言有很多非常不错的服务器套件(如WAMP和MAMP),很方便的安装在你的机器上.PHP有非常丰富的库资源,便于开发者很容易的处理一些业务.由于我们在项目中与日期接触最多,所以今天就从日期函数入手学习. 举一个简单的date例子 我将使用echo命令把内容输出到我们的客户端(浏

sql 查询本年、本月、本日记录的语句,附SQL日期函数

查询本日记录 SELECT * FROM messages WHERE CONVERT(Nvarchar, CreateDate, 111) = CONVERT(Nvarchar, GETDATE(), 111)   ORDER BY CreateDate DESC SELECT * FROM 表 WHERE datediff(day,列名,getdate())=0 查询本年 SELECT count(*) FROM messages WHERE datediff(year,CreateDate

PHP笔记之:日期函数的使用介绍

介绍  PHP是一门非常令人惊奇的语言.它足够强大(最大的博客(wordpress)的核心语言),它足够广泛(运行在最大社交网站facebook上),它足够简单(作为初学者首选入门语言).在低成本的机器上运行良好.而且php语言有很多非常不错的服务器套件(如WAMP和MAMP),很方便的安装在你的机器上.PHP有非常丰富的库资源,便于开发者很容易的处理一些业务.由于我们在项目中与日期接触最多,所以今天就从日期函数入手学习. 举一个简单的date例子 我将使用echo命令把内容输出到我们的客户端(

MySQL日期函数与日期转换格式化函数大全

Mysql作为一款开元的免费关系型数据库,用户基础非常庞大,本文列出了MYSQL常用日期函数与日期转换格式化函数 1.DAYOFWEEK(date) SELECT DAYOFWEEK('2016-01-16') SELECT DAYOFWEEK('2016-01-16 00:00:00') -> 7 (表示,记住:星期天=1,星期一=2, ... 星期六=7) 2.WEEKDAY(date) SELECT WEEKDAY('2016-01-16') SELECT WEEKDAY('2016-01