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

今天小编带大家以做任务的形式了解ASP.NET中日历控件的使用方法，主要任务内容：
1、添加一个日历，设置日期以蓝色的完整名称显示，周末以黄色背景红色文字显示，而当前日期使用绿色背景显示，用户可以选择一天、一周或整个月，被选的天/周/月使用灰色背景色来显示。当选中一个日期后，把时间显示在下面的一个文本框中，效果如图所示：

2、设计一个注册页面，使用js日历控件帮助用户输入出生日期。效果如图所示：

学习项目一  Calendar日历控件
1、在站点下创建一个Calendar页面，并在页面上拖放一个TextBox控件用来输入日期，一个Calendar1日历控件对其进行属性设置，设置日期以蓝色的完整名称显示，周末以黄色背景红色文字显示，而当前日期使用绿色背景显示，用户可以选择一天、一周或整个月，被选的天/周/月使用灰色背景色来显示。
2、在页面运行时，当用户在Calendar1控件上选择日期后会触发SelectionChanged事件。在Calendar.aspx.cs文件中编写如下代码：

protected void Calendar1_SelectionChanged(object sender, EventArgs e)
 {
  TextBox7.Text = Calendar1.SelectedDate.ToString();
  }
}

学习项目二  Js版日历控件
 (1)在站点下创建一个JSCalendar.aspx页面文件,在页面中添加一个TextBox控件，在JSCalendar.aspx.中编写如下代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <title>无标题页</title>
</head>
<body>
<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
  <form id="form1" runat="server">
  <div>

  <asp:TextBox ID="TextBox1" runat="server" CssClass="Wdate" Text=""
  onfocus="new WdatePicker(this,'%Y-%M-%D-%h:%m',true,'default')"></asp:TextBox>

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

(2)运行将光标移动到TextBox控件上时，就会激活，显示日历

运行效果图：

为大家附3个精彩的专题：

ASP.NET控件使用手册

ASP.NET数据绑定控件使用汇总

ASP.NET控件使用汇总

以上就是本文的全部内容，希望对大家学习ASP.NET中日历控件的使用方法有所帮助。

赞 (0)

相关推荐

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

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

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

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

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

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

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

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

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

  • 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技巧：为Blog打造个性日历

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

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

  • 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基于Calendar实现blog日历功能示例

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

  • 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如何获取两个日期之间的天数

    复制代码 代码如下: 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中实现弹出日历的具体方法

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

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

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

随机推荐