Calendar一些常用方法

最新推荐文章于 2023-05-30 17:58:21 发布
最新推荐文章于 2023-05-30 17:58:21 发布
阅读量3.2k 收藏 1
点赞数
分类专栏： asp.net2.0与oracle2006年10月 文章标签： calendar server date object border string
 

Calendar

Calendar 控件显示一个月的日历，用户可以从中选择日期。下面的示例演示如何使用一个简单的 Calendar 控件。

C# Calendar1.aspx
Run Sample View Source
 

日期选择模式

Calendar 支持四种日期选择模式，如下表所述。

模式说明
Day用户可以选择任意一天。
DayWeek用户可以选择一天或整个星期。
DayWeekMonth用户可以选择一天、整个星期或整个可见月份。
None禁止日期选择。


下面的示例用一个 Calendar 控件演示模式选择。

C# Calendar2.aspx
Run Sample View Source 
<html>
<head>
    <script language="VB" runat="server">

        Sub Date_Selected(sender As Object, e As EventArgs) 
        
            Select (Calendar1.SelectedDates.Count) 
                Case 0:   'None
                    Label1.Text = "No dates are currently selected"
                Case 1:   'Day
                    Label1.Text = "The selected date is " & Calendar1.SelectedDate.ToShortDateString
                Case 7:   'Week
                    Label1.Text = "The selection is a week beginning " & Calendar1.SelectedDate.ToShortDateString
                Case Else:  'Month
                    Label1.Text = "The selection is a month beginning " & Calendar1.SelectedDate.ToShortDateString
            End Select
            
        End Sub

    </script>
</head>

<body>

    <h3><font face="Verdana">Selection Link Graphics</font></h3>
    <p>

    <form runat=server>

        <asp:Calendar id=Calendar1 runat="server"
            onselectionchanged="Date_Selected"
            DayNameFormat="Short"
            SelectionMode="DayWeekMonth"
            Font-Names="Verdana;Arial" Font-Size="12px"
            Height="180px" Width="230px"
            TodayDayStyle-Font-Bold="True"
            DayHeaderStyle-Font-Bold="True"
            OtherMonthDayStyle-ForeColor="gray"
            TitleStyle-BackColor="#3366ff"
            TitleStyle-ForeColor="white"
            TitleStyle-Font-Bold="True"
            SelectedDayStyle-BackColor="#ffcc66"
            SelectedDayStyle-Font-Bold="True"
            NextMonthText = "<img src='images/monthright.gif' border=0>"
            PrevMonthText = "<img src='images/monthleft.gif' border=0>"
            SelectorStyle-BackColor="#99ccff"
            SelectWeekText = "<img src='images/selweek.gif' border=0 οnmοuseοver=this.style.backgroundColor='#ffcc66' οnmοuseοut=this.style.backgroundColor='#99ccff'>"
            SelectMonthText = "<img src='images/selmonth.gif' border=0 οnmοuseοver=this.style.backgroundColor='#ffcc66' οnmοuseοut=this.style.backgroundColor='#99ccff'>"
            />

        <p>
        
        <asp:Label id=Label1 runat="server" />
        
    </form>
</body>
</html>

选择链接图形

Calendar 控件可以使用文本或图形作为其选择链接。下面的示例演示如何使用图形创建更美观的日历。

C# Calendar3.aspx
Run Sample View Source

 

选择链接文本

Calendar 控件也可以使用文本标签进行周或月的选择，如下面的示例所示。

C# Calendar4.aspx
Run Sample View Source 

<html>
<head>
    <script language="C#" runat="server">

        void Date_Selected(object s, EventArgs e) {

            switch (Calendar1.SelectedDates.Count) {

                case (0):   //None
                    Label1.Text = "No dates are currently selected";
                    break;
                case (1):   //Day
                    Label1.Text = "The selected date is " + Calendar1.SelectedDate.ToShortDateString();
                    break;
                case (7):   //Week
                    Label1.Text = "The selection is a week beginning " + Calendar1.SelectedDate.ToShortDateString();
                    break;
                default:    //Month
                    Label1.Text = "The selection is a month beginning " + Calendar1.SelectedDate.ToShortDateString();
                    break;
            }
        }

    </script>
</head>

<body>

    <h3><font face="Verdana">Selection Link Text</font></h3>
    <p>

    <form runat=server>

        <p>
        <asp:Calendar id=Calendar1 runat="server"
            onselectionchanged="Date_Selected"
            DayNameFormat="Short"
            SelectionMode="DayWeekMonth"
            Font-Names="Verdana;Arial" Font-Size="12px"
            Height="180px" Width="230px"
            TodayDayStyle-Font-Bold="True"
            DayHeaderStyle-Font-Bold="True"
            OtherMonthDayStyle-ForeColor="gray"
            TitleStyle-BackColor="#3366ff"
            TitleStyle-ForeColor="white"
            TitleStyle-Font-Bold="True"
            SelectedDayStyle-BackColor="#ffcc66"
            SelectedDayStyle-Font-Bold="True"
            NextPrevFormat="ShortMonth"
            NextPrevStyle-ForeColor="white"
            NextPrevStyle-Font-Size="10px"
            SelectorStyle-BackColor="#99ccff"
            SelectorStyle-ForeColor="navy"
            SelectorStyle-Font-Size="9px"
            SelectWeekText = "week"
            SelectMonthText = "month"
            />

        <p>
        <asp:Label id=Label1 runat="server" />
    </form>
</body>
</html>

向日历添加自定义内容

可以通过在 OnDayRender 事件中添加内容来生成约会样式的日历。 OnDayRender 的两个参数是所呈现的 Day 及其 Cell 对象。如下面的示例所示，可以通过将自定义文本作为 LiteralControl 添加到 Cell 对象的控件集合中来将该文本添加到特定一天的单元格中。

<script language="JavaScript" type="text/javascript"> function doClick(index, numTabs, id) { document.all("tab" + id, index).className = "tab"; for (var i=1; i < numTabs; i++) { document.all("tab" + id, (index + i) % numTabs).className = "backtab"; } document.all("code" + id, index).style.display = ""; for (var j=1; j < numTabs; j++) { document.all("code" + id, (index + j) % numTabs).style.display = "none"; } } </script>
C# VB  
		
string Hol = GetHoliday(Day.Date);

if (Hol != string.Empty) Cells.Controls.Add(new LiteralControl("<br>" + Hol));


C# Calendar5.aspx
Run Sample View Source 
<html>
<head>
    <script language="C#" runat="server">

        String [][] holidays;

        void Page_Load(Object Sender, EventArgs e) {

            holidays = new String[13][];

            for (int n=0; n<13 ;n++)
                    holidays[n] = new String[32];

            holidays[1][1]   = "New Year's Day";
              holidays[1][26]  = "Australia Day";
            holidays[2][2]   = "Groundhog Day";
            holidays[2][14]  = "Valentine's Day";
            holidays[3][17]  = "St. Patrick's Day";
            holidays[4][1]   = "April Fool's Day";
            holidays[5][1]   = "May Day";
            holidays[6][15]  = "My Birthday";
            holidays[7][15]  = "My Anniversary";
            holidays[8][15]  = "My Mother's Birthday";
            holidays[9][24]  = "Autumnal Equinox";
            holidays[12][26] = "Boxing Day";
        }

        void Calendar1_DayRender(object sender, DayRenderEventArgs e) {

            CalendarDay d = ((DayRenderEventArgs)e).Day;
            TableCell c = ((DayRenderEventArgs)e).Cell;

            if (d.IsOtherMonth) {
                c.Controls.Clear();
            }
            else {
                try {
                    string Hol = holidays[d.Date.Month][d.Date.Day];

                    if (Hol != string.Empty)
                        c.Controls.Add(new LiteralControl("<br>" + Hol));
                }
                catch (Exception exc) {
                    Response.Write (exc.ToString());
                }
            }
        }

        void Date_Selected(object s, EventArgs e) {
            Label1.Text = "Selected date is: " + Calendar1.SelectedDate.ToShortDateString();
        }

    </script>

</head>

<body>

    <h3><font face="Verdana">Adding Custom Content to Calendar</font></h3>
    <p><p>

    <form runat=server>

        <asp:Calendar id=Calendar1 runat="server"
            ondayrender="Calendar1_DayRender"
            onselectionchanged="Date_Selected"
            ShowGridLines="true"
            Font-Names="Verdana;Arial"
            Font-Size="9px"
            Width="500px"
            VisibleDate="01/01/2000"
            TitleStyle-BackColor="Gainsboro"
            TitleStyle-Font-Size="12px"
            TitleStyle-Font-Bold="true"
            DayStyle-VerticalAlign="Top"
            DayStyle-Height="50px"
            DayStyle-Width="14%"
            SelectedDate="1/1/0001"
            SelectedDayStyle-BackColor="Navy"
            />

        <p>
        <asp:Label id=Label1 runat="server" />
    </form>

</body>
</html>
zjghd
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
日历控件的多选
u013491648的博客
11-08 5467
通常在开发当中，我们会根据功能需求来做日历这个功能，这个功能也是每个人必不可少要掌握的，今天就来和大家共同研究下日历，其实也比较简单，直接上步骤 先来张效果图 1、基础类 package com.example.android_mzsz.utils; import android.content.Context; import android.graphics.Canvas;
excel函数实战（详解index函数，match函数的语法与举例）
weixin_46572009的博客
08-31 259
在Excel中，INDEX函数用于从一个指定的区域（通常是一个单元格范围）中返回特定行和列交汇处的值。举例：当你有一个包含学生考试成绩的数据表格，你可以使用INDEX函数来提取特定学生的特定科目的成绩。例如，假设你想要找到数学成绩高于90分的学生的姓名。总之，INDEX函数允许你根据特定的行号和列号或条件从数据表格中提取数据，从而更方便地进行数据处理和分析。B2:E5 是你的数据表格的范围，其中B2表示左上角的单元格，E5表示右下角的单元格。2 表示你想要提取的是第2行，即小红的数据。
查表法解决calendar中月份及星期初始值为0的情况。
weixin_30326741的博客
10-18 567
　Calendar ca = Calendar.getInstance(); String [] index = {"星期一","星期二","星期三","星期四","星期五","星期六","星期日"}; String [] index1= {"一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"}; S...
index row函数出现日期变数字_[深度] 职场人必会的54个Excel函数都在这里了
weixin_39973518的博客
12-19 453
文 | 地瓜劳斯摘要：在日常的工作学习中，我们会用到各种运算规则，而Office将这些规则的代码统一命名为“函数”。函数的出现极大的降低了我们的劳动力。本文将详细讲述我们职场中需要常用的54个函数。一图看全文零、概述笔者从事数据分析相关工作多年来，见到过种学习Excel函数的方法，有靠记忆的，有靠打小抄的，有靠反复训练的。作为已获得微软官方大师级认证的重度Office用户，可以十分负责任的告诉各位...
输出指定日期区间内的所有天、周、月
九尾狐的yi巴的博客
05-30 1420
部分方法需要依赖hutool工具包。
excel日历控件安装_根据节日动态显示放假的月份图，这个Excel技能神了
weixin_42345036的博客
01-19 944
国务院办公厅于2019年11月21日公布了2020年的放假安排，具体如下​ 一、元旦：2020年1月1日放假，共1天。　　二、春节：1月24日至30日放假调休，共7天。1月19日(星期日)、2月1日(星期六)上班。　　三、清明节：4月4日至6日放假调休，共3天。　　四、劳动节：5月1日至5日放假调休，共5天。4月26日(星期日)、5月9日(星期六)上班。　　五、端午节：6月25日至27日放假调休，...
使用Calendar类获取指定日期所在年/月份、周第一天、最后一天
_修铁路的、的博客
06-24 6076
最近做项目有涉及需要获取一些特定日期，结合网上的资料和自己项目开发记录，记录下用到的这些方法 1.获取指定月份第一天和最后一天 SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd"); Date date = sdf.parse("2021-02-02"); Calendar calendar = Calendar.getInstance(); calendar....
Java中Date和Calendar常用方法
09-01
以下是这两个类的一些常用方法和实践。 首先，我们来看`Date`类。`Date`对象代表了一个具体的时刻，精确到毫秒。创建一个`Date`对象可以通过调用`new Date()`来完成。但是，如果我们想要将`Date`对象转换为特定的...
Java中Calendar时间操作常用方法详解
09-02
本文将详细介绍`Calendar`类中的常用方法，以及在使用过程中需要注意的一些陷阱。 首先，我们创建一个`Date`对象来获取当前系统时间，然后通过`Date`的`getTime()`方法获取该日期对应的毫秒值，这个值常用于比较两...
Calendar常用属性
08-10
这篇博客文章将深入探讨`Calendar`类的常用属性及其应用。 首先，`Calendar`类中的主要属性可以分为以下几类： 1. 年（YEAR）：用于表示年份，如2022。`Calendar.YEAR`是对应的常量。 2. 月（MONTH）：表示月份，...
Java Calendar日历类原理及使用方法
08-25
常用方法 1. public int get(int field)：返回给定日历字段的值。 2. public void set(int field, int value)：将给定的日历字段设置为给定值。 3. public abstract void add(int field, int amount)：将给定的...
日历功能更强大(带农历)
11-28
日历功能更强大(带农历)<br>非常好!!!
Java Calendar类常用示例_动力节点Java学院整理
08-30
`Calendar`类还支持其他丰富的功能，例如添加或减去时间单位（`add`方法）、比较两个`Calendar`对象（`before`, `after`, `equals`方法）以及时间的格式化（通过`SimpleDateFormat`类）。此外，`Calendar`允许我们...
HTML 简单日历制作方法
xiaozhen0610的博客
06-18 7874
新手一枚，不会写什么高大上的博文，一些平时做的小练习，献丑 1 <!doctype html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <title>无标题文档</title> 7 <style> 8 * {margin: 0;padding: 0} .
日历的输出java_Java 日历输出问题
weixin_36307344的博客
02-12 103
这个就需要参数了，需要提供哪一年的哪一个月，然后才能根据Calendar提供的方法进行判断输出；这个你看下，网上的import java.util.Calendar;class Calendar1{public static void main(String args[]){int i=0,n=0;//获得今天的日期Calendar mycal=Calendar.getInstance();int...
前端js手写日历相关函数（附demo）
yangyi
06-29 951
1、获取某年某月第一天是周几 getMonthStartDay(year, month, index) { let monthFirstDay = Number(new Date(year, month, 1).getDay()) return monthFirstDay } this.getMonthStartDay(2021, 06, 1) 2、获取某年某月某天是一年中第几周 getWeek(year, month, day) { //计算当年一月第一天是周几 .
180Echarts - 日历坐标系（Calendar Charts）
阿甘兄
05-05 1666
效果图 源代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="js/echarts.min.js">&l...
日历的使用
vainnetwork的专栏
11-11 713
 calendar.js日历的JS原码function GetDateWin(ctrlobj){ var winPopupWindow = new Object();  N = (document.all) ? 0 : 1; if(N) {     showx = 220 ; // + deltaX;     showy = 220; // + deltaY; }else {     show
java毕设&课设-图书管理系统（完整的）.zip
最新发布
07-21
计算机毕业设计资源包含（项目部署视频+源码+LW+开题报告等等），所有项目经过助教老师跑通，有问题可以私信博主解决，可以免费帮部署。
java Calendar 所有使用方法
04-04
下面列出了一些常用的方法： 1. getInstance()：获取一个表示当前日期和时间的 Calendar 对象。 2. setTime(Date date)：将 Calendar 对象设置为给定日期的值。 3. get(int field)：获取指定字段的值，如年、月、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值