方正日历插件使用说明
- 格式:pdf
- 大小:890.58 KB
- 文档页数:14
EXCEL日历控件的应用
1 日历控件功能
日历控件可以作为日期的输入工具,以交互方式代替单元格录入;在动态图表制作中,由于日历控件可以链接到特定的单元格,从而返回用户所选择的日期,因此当涉及与日期相关的数据源,且日期作为交互选项时,可以使用日历控件作为动态图表的选择器。
日历控件(见图1)。
图1
2 利用日历控件输入日期
在制作报表时,如果报表包含日期列,可考虑使用日历控件进行日期输入。
例如,报表A列是日期列,则可通过以下步骤实现日历控件的日期输入。
Step01 插入日历控件。
按以下路径选择“开发工具-控件-插入-ActiveX控件-其他控件-日历控件12.0命令插入一个日历控件,不作任何设置。
Step02 编写VBA代码。
双击日历控件,进入VBA编辑窗口,并编写如下代码(具体见图2)。
Private Sub Calendar1_Click()
ActiveCell=Calendar1.Value
Me.Calendar1.Visible=False
End Sub
Private Sub Worksheet_SelectionChange(ByVal Target As Range)
If Target.Column=1Then
Me.Calendar1.Visible=True
Else
Me.Calendar1.Visible=False
End If
End Sub。
WdatePicker日历控件使用方法1. 跨无限级框架显示无论你把日期控件放在哪里,你都不需要担心会被外层的iframe所遮挡进而影响客户体验,因为My97日期控件是可以跨无限级框架显示的示例2-7 跨无限级框架演示可无限跨越框架iframe,无论怎么嵌套框架都不必担心了,即使有滚动条也不怕2. 民国年日历和其他特殊日历当年份格式设置为yyy格式时,利用年份差量属性yearOffset(默认值1911民国元年),可实现民国年日历和其他特殊日历示例2-8 民国年演示<input type="text" id="d28" onClick="WdatePicker({dateFmt:'yyy/M M/dd'})"/>注意:年份格式设置成yyy时,真正的日期将会减去一个差量yearOffset (默认值为:1911),如果是民国年使用默认值即可无需另外配置,如果是其他的差量,可以通过参数的形式配置3. 为编程带来方便如果el的值是this,可省略,即所有的el:this都可以不写日期框设置为disabled时,禁止更改日期(不弹出选择框)如果没有定义onpicked事件,自动触发文本框的onchange事件如果没有定义oncleared事件,清空时,自动触发onchange事件4. 其他属性设置readOnly属性,可指定日期框是否只读设置highLineWeekDay属性,可指定是否高亮周末设置isShowOthers属性,可指定是否显示其他月的日期加上class="Wdate"就会在选择框右边出现日期图标多语言和自定义皮肤1. 多语言支持通过lang属性,可以为每个日期控件单独配置语言,当然也可以通过WdatePicker.js配置全局的语言语言列表和语言安装说明详见语言配置示例3-1 多语言示例繁体中文: <input id="d311" class="Wdate" type="text" onFocus="WdatePicker({lang:'zh-tw'})"/>英文: <input id="d312" class="Wdate" type="text" onFocus="Wda tePicker({lang:'en'})"/>简体中文: <input id="d313" class="Wdate" type="text" onFocus="WdatePicker({lang:'zh-cn'})"/>注意:默认情况lang='auto',即根据浏览器的语言自动选择语言.2. 自定义和动态切换皮肤通过skin属性,可以为每个日期控件单独配置皮肤,当然也可以通过WdatePicker.js配置全局的皮肤皮肤列表和皮肤安装说明详见皮肤配置示例3-2 皮肤演示默认皮肤default: skin:'default'<input id="d321" class="Wdate"type="text" onfocus="WdatePicker()"/>注意:在WdatePicker里配置了skin='default',所以此处可省略,同理,如果你把WdatePicker里的skin配置成'whyGreen'那么在不指定皮肤的情况下都使用'whyGreen'皮肤了whyGreen皮肤: skin:'whyGreen'<input id="d322" class="Wdate" type="text" onfocus="WdatePicke r({skin:'whyGreen'})"/>4. 日期范围限制1. 静态限制注意:日期格式必须与realDateFmt 和realTimeFmt 一致你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围示例4-1-1 限制日期的范围是2006-09-10到2008-12-20<input id="d411" cl ass="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate:'2006-09-10',maxDate:'2008-12-20'})"/>示例4-1-2 限制日期的范围是2008-3-8 11:30:00 到2008-3-10 20:59:30<i nput type="text" class="Wdate" id="d412" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2008-03-08 11:30:00',maxDate:'2008-03-10 20:59:30'})" value="2008-03 -09 11:00:00"/>示例4-1-3 限制日期的范围是2008年2月到2008年10月<input type="text" class="Wdate" id="d413" onfocus="W datePicker({dateFmt:'yyyy年M月',minDate:'2008-2',maxDate:'2 008-10'})"/>示例4-1-4 限制日期的范围是8:00:00 到11:30:00<input type="text" class ="Wdate" id="d414" onfocus="WdatePicker({dateFmt:'H:mm:ss',minDate:'8:00:00',maxDate:'11:30:00'})"/>2. 动态限制注意:日期格式必须与realDateFmt 和realTimeFmt 一致你可以通过系统给出的动态变量,如%y(当前年),%M(当前月)等来限度日期范围,你还可以通过#{}进行表达式运算,如:#{%d+1}:表示明天动态变量表格式说明%y当前年%M当前月%d当前日%ld本月最后一天%H当前时%m当前分%s当前秒#{}运算表达式,如:#{%d+1}:表示明天#F{}{}之间是函数可写自定义JS代码示例4-2-1 只能选择今天以前的日期(包括今天)<input id="d421" class="Wdat e" type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate:'% y-%M-%d'})"/>示例4-2-2 使用了运算表达式只能选择今天以后的日期(不包括今天)<input id="d42 2" class="Wdate" type="text" onfocus="WdatePicker({minDate:'%y -%M-#{%d+1}'})"/>示例4-2-3 只能选择本月的日期1号至本月最后一天<input id="d423" class="W date" type="text" onfocus="WdatePicker({minDate:'%y-%M-01',max Date:'%y-%M-%ld'})"/>示例4-2-4 只能选择今天7:00:00至明天21:00:00的日期<input id="d424" cla ss="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-M-d H:mm:ss',minDate:'%y-%M-%d 7:00:00',maxDate:'%y-%M-#{%d+ 1} 21:00:00'})"/>示例4-2-5 使用了运算表达式只能选择20小时前至30小时后的日期<input id="d425" class="Wdate" type="text" onClick="WdatePick er({dateFmt:'yyyy-MM-dd HH:mm',minDate:'%y-%M-%d #{%H-2 0}:%m:%s',maxDate:'%y-%M-%d #{%H+30}:%m:%s'})"/>3 . 脚本自定义限制注意:日期格式必须与realDateFmt 和realTimeFmt 一致系统提供了$dp.$D和$dp.$DV这两个API来辅助你进行日期运算,此外你还可以通过在#F{} 中填入你自定义的脚本,做任何你想做的日期限制示例4-3-1 前面的日期不能大于后面的日期且两个日期都不能大于2020-10-01合同有效期从到<input id="d4311" class="Wdate" type="text" o nFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01 \'}'})"/> <input id="d4312" class="Wdate" type="text" onFocus="W datePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})" />注意:两个日期的日期格式必须相同$dp.$ 相当于document.getElementById 函数.那么为什么里面的' 使用\' 呢? 那是因为" 和' 都被外围的函数使用了,故使用转义符\ ,否则会提示JS语法错误.所以您在其他地方使用时注意把\' 改成" 或者' 来使用.#F{$dp.$D(\'d4312\')||\'2020-10-01\'} 表示当d4312 为空时, 采用2020-10-01 的值作为最大值示例4-3-2 前面的日期+3天不能大于后面的日期日期从到<input type="text" class="Wdate" id="d4321"onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4322\',{d:-3});}'})"/> <input type="text" class="Wdate" id="d4322"onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4321\',{d:3});}'})"/>使用$dp.$D 函数可以将日期框中的值,加上定义的日期差量:两个参数: id={字符类型}需要处理的文本框的id值, obj={对象类型}日期差量日期差量用法:属性y,M,d,H,m,s分别代表年月日时分秒限制时间:开始时间最大值不能大于结束时间,结束时间最小值不能小于开始时间<input id="startTime"type="text"class="formText Wdate"onfocus="WdatePicker({skin:'default',dateFmt:'yyyy-MM -dd',maxDate:'#F{$dp.$D(\'endTime\')}'})"/>到<input id="endTime"type="text"class="formText Wdate"onfocus="WdatePicker({skin:'default',dateFmt:'yyyy-MM -dd',minDate:'#F{$dp.$D(\'startTime\')}'})"/>,maxDate:'%y-%M-%d'最大值是今天。
方正飞翔新增功能介绍`不用方正飞翔你OUT了,赶快体验飞翔带来的全新感觉吧。
方正飞翔针对书刊排版,进行了全面的支持:长文档自动加页,不用担心文字过多还要自己插页,打断排版思路;图随文动,在图文混排时非常方便,使排版更神速;立地调整,使整个页面撑满,不会在页面下边有留白;拼注音功能,可以为您的文字自动加上拼音;还有拆笔画,制作日历。
这么多新功能,快一起来看看吧!1.主文字流新建文件后直接进入文字录入状态,并且形成的文字块默认就是以版心大小为基准的,主文字流带给您全新的流式排版体验。
1.1默认的文字录入状态启动方正飞翔,新建一个1页的文件,可以看到,当前T光标处于版心左上角,并且为闪烁等待录入状态,如图1所示,用户输入非常方便。
图1默认新建文档此时如果并不想要从版心左上角开始录入文字,而是从版面某一位置开始文字的录入,则直接单击版面中的那个位置,即可自动创建文字块!1.2自动灌文及半自动灌文想要高效的排入已有的文字小样,飞翔的自动灌文及半自动灌文功能帮您解决问题。
单击控制窗口的排入小样图标或者使用快捷键“Ctrl+D”,弹出排入小样对话框,选择要排入的小样,并同时勾选对话框下方的“自动灌文”(默认为选中状态)。
单击确定后,光标变为待排入小样状态。
(1)按住Shift,光标变为自动灌文状态,此时单击版面,则在单击的位置开始小样的灌入。
如果排入的小样所应该占据的页面数量比当前文件的页面数量要多,则飞翔会自动加页。
如图2所示,此时页面数量自动加为两页。
图2自动灌文(2)按住Shift+Alt,光标变为半自动灌文状态,此时可以把小样逐页地灌入到指定的页面。
例如:可先排入到第1页,后续再排入到其它页面中。
1.3立地调整飞翔针对书刊排版特别提供立地调整的功能,使文字在当前页面最底部没有留白,使整个版面撑满。
排入小样,如图3所示,文字流与版心最底部有一定的留白。
图3立地调整前此时用选取工具选中文字块,选择主菜单“格式”|“立地调整”,则文字整体被调整,调整后页面底部没有留白,如图4所示。
在Excel中使用日期控件方法详解(补充日历控件12.0的用法)在Excel中使用日期控件方法详解1. 插入日期控件①. 打开需要插入日期控件的工作薄,依次点击【视图】【工具栏】【控件工具箱】,调出控件工具栏。
②. 点击控件工具栏中的〖其他控件〗,选择(Microsoft Date and Time Picker Control,version 6.0)控件。
③. 在工作表内需要填写日期的单元格中画出日期控件图标,调整大小与单元格一致。
2. 编辑代码① 点击控件工具栏中的〖查看代码〗,进入代码编辑页面,编辑如下代码:Option ExplicitPrivate Sub DTPicker1_Change() ActiveCell.Value = DTPicker1.Value DTPicker1.Visible = False End SubPrivate Sub Worksheet_SelectionChange(ByVal Target As Range) WithMe.DTPicker1If Target.Column = 1 And Target.Count = 1 Then .Visible = True.Width = Target.Width + 15 .Left =Target.Left .Top = Target.Top .Height = Target.Height Else.Visible = False End If End With End Sub【提示】:上列代码中,红色的1表示该控件作用于工作表中第一列,如需调整,直接修改为相应的列数即可;如果需要将该控件作用于某一行,则把代码中Target.Column改为Target.Row即可。
② 关闭代码编辑页面返回工作表,点击控件工具栏中的〖属性〗,进入属性编辑页面,调整CheckBox属性为True。
③ 关闭属性编辑页面返回工作表,点击控件工具栏中的〖退出设计模式〗,退出控件设计模式。
Excel中进行添加日历控件的两种方法
有时我们在运用Excel表格的时候会运用到日历的控件,可是小伙伴们却不知道在哪里添加。
那么我们来看一下,它到底躲藏在哪里,又该怎么添加呢?今天,店铺就教大家在Excel中进行添加日历控件的两种方法。
Excel中进行添加日历控件的两种步骤:
1、添加整个月份的日历
打开一个Excel 2007表格,点击表格左上角“扳手和锤子”这个其它控件的按钮。
在弹出的对话框中,找到底部的日历控件,点击确定按钮。
按住鼠标左键在表格上面拖动,形成一个黑色的矩形,松开鼠标。
插入日历插件成功。
拖动可移动日历的位置和大小。
2、添加单个日期的日历控件
如何添加单个的日历控件,第一步的方法和上面的一样。
点击表格左上角“扳手和锤子”这个其它控件的按钮。
在跳出的对话框中找到Microsoft Date and Time Picker Control 6.0的控件,选择该控件,点击确定按钮。
按住鼠标左键在表格上面拖动,行程一个黑色的矩形,松开鼠标。
插入单个日历插件成功。
拖动可移动日历的位置和大小。
有些人会说我的Excel 2007怎么找不到“其它控件”的按钮。
其实呢,它需要我们自己添加才能被显示出来。
我们看下怎么添加。
找到文档左上角office按钮,右击,选择“自定义快速访问工具栏”。
在跳出的Excel 选项中依次选择自定义--不在功能区中的命令--其它控件--添加--确定。
我们就可以在表格左上角插入其它控件的按钮。
轻量级的日历控件(适合移动端)
图片展示
图1. 主图样式
1.蓝色字体是当前日期;蓝色圆圈背景是选中的日期;
2.上方的箭头是切换月份;
3.日期那边可以左右滑动,切换天数;
参数修改介绍
样式修改:
1.打开index.html,在其头部有控制td样式和today,focus类。
如下图
2.td对应的就是日期的样式;today就是当前日期;focus就是选中的日期;可
以根据自己的需要进行修改。
左右侧滑修改:
1.为了方便大家在PC端的测试,特意将移动端的左右侧滑效果模拟出来,大
家如果要在移动端使用,只需要修改下列代码,如下图;
2.滑动时天数修改:滑动时调用changeData(type)方法,方法介绍如下图:
下载地址
百度云盘:/s/1c0zW7te。
fullcalendar⽇历插件的使⽤并动态增删改查我上个项⽬是做了⼀个关于教育⽅⾯的web端页⾯,其中的课程表就要⽤到fullcalendar⽇历插件,刚开始也是不会⽤,因为以前也没⽤过,后⾯也是看官⽅⽂档,问同事,最后完成了这个课程表,个⼈感觉fullcalendar这个⽇历插件功能很强⼤!下⾯我来附上⼏张图⽚:1、刚进去默认显⽰当前⽉份,查出数据库的数据并展⽰,今天是2018年1⽉19号,所以我给上过的课次颜⾊变为灰⾊,⽽没上过的课次变为橙⾊:2、点击特定的⽇期,添加课次:点击未上过的课次进⾏编辑或删除:以及课次的拖动,如将1⽉22号的“08:00-09:00 ⾼数⼀班”拖动到1⽉29号:下⾯我来说⼀下我是怎么实现的⾸先需要导⼊必须的css和js:<link href='' rel='stylesheet' /><script src=''></script><script src=''></script><script src=''></script><script src=''></script><script src=''></script>在页⾯中我还使⽤了bootstrap和layer,所有我还导⼊了:<link href="." type="text/css" rel="stylesheet" />//我的弹出框是⽤bootstrap实现的,所以我导⼊了bootstrap的css和js <script src="" type="text/javascript"></script><link href="" rel="stylesheet"><script src=""></script><script src=""></script>还会⽤到⼀些公⽤的js⽅法对时间格式做转化:Date.prototype.Format = function(format){var o = {"M+" : this.getMonth()+1, //month"d+" : this.getDate(), //day"h+" : this.getHours(), //hour"m+" : this.getMinutes(), //minute"s+" : this.getSeconds(), //second"q+" : Math.floor((this.getMonth()+3)/3), //quarter"S" : this.getMilliseconds() //millisecond};if(/(y+)/.test(format)) {format = format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));}for(var k in o) {if(new RegExp("("+ k +")").test(format)) {format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length)); }}return format;};//将数据库的时间戳转成 *年*⽉*⽇字符串function getDate(DBTime){var date = new Date(DBTime);var year = date.getFullYear();var month = date.getMonth()+1;var day = date.getDate();var dateStr;if(month<10&&day<10){dateStr = year+"-0"+month+"-0"+day;}else if(month<10&&day>=10){dateStr = year+"-0"+month+"-"+day;}else if(month>=10&&day<10){dateStr = year+"-"+month+"-0"+day;}else if(month>=10&&day>=10){dateStr = year+"-"+month+"-"+day;}return dateStr;}//将数据库的时间戳转成 *时*分字符串function getTime(DBTime){var time = DBTime.substring(0,2)+"-"+DBTime.substring(3,5);return time;}然后就是初始化FullCalendar:下⾯这些代码建议在document。
日历控件的使用用法也相当简单,方法如下:1.在网页中嵌入一个IFRAME和一段SCRIPT.<IFRAME frameBorder=0 id=popFrame name=popFrame scrolling=nosrc="Calendar.htm" style="BORDER-BOTTOM: 2px ridge; BORDER-LEFT: 2px ridge; BORDER-RIGHT: 2px ridge; BORDER-TOP: 2px ridge; POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 65535"></IFRAME><SCRIPT>document.onclick=function(){document.getElementById("popFrame").style.visibility="hidden";}</SCRIPT>2.插入一个窗体,其中包含一个文本框和一个按钮,注意按钮的类型(button),在按钮中插入单击事件.<form name="form1" method="post" action=""><input type="text" name="textfield" id="searchkey2" disabled="false"><input type="button" name="Submit" value="选择日期"onClick="popFrame.fPopCalendar('searchkey2','searchkey2',event);"></form>3.附控件代码如下,把代码存为Calendar.htm文件就可以了.'以下为附件:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><META content="text/html; charset=gb2312" http-equiv=Content-Type><STYLE type=text/css>A:link {TEXT-DECORATION: none}A:visited {TEXT-DECORATION: none}TD {TEXT-ALIGN: center; VERTICAL-ALIGN: middle}.CalHead {COLOR: white; FONT: bold 8pt Arial}.CalCell {CURSOR: hand; FONT: 8pt Arial}.HeadBtn {FONT: 10pt Fixedsys; HEIGHT: 22px; VERTICAL-ALIGN: middle; WIDTH: 18px}.HeadBox {FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; VERTICAL-ALIGN: middle}.Today {COLOR: white; FONT: bold 10pt Arial}</STYLE><META content="MSHTML 5.00.3700.6699" name=GENERATOR></HEAD><BODY leftMargin=0 topMargin=0 marginwidth="0" marginheight="0"><SCRIPT><!-- Begin Configurable Partvar giStartYear = 2001;var giEndYear = 2010;var giCellWidth = 16;var gMonths = new Array("1","2","3","4","5","6","7","8","9","10","11","12");var gcOtherDay = "gray";var gcToggle = "yellow";var gcBG = "#dddddd";var gcTodayBG = "white";var gcFrame = "teal";var gcHead = "white";var gcWeekend = "red";var gcWorkday = "black";var gcCalBG = "#6699cc";//-- End Configurable Part --><!-- Begin Non-editable partvar gcTemp = gcBG;var gdCurDate = new Date();var giYear = gdCurDate.getFullYear();var giMonth = gdCurDate.getMonth()+1;var giDay = gdCurDate.getDate();var tbMonSelect, tbYearSelect;var gCellSet = new Array;var gfPop = parent.document.getElementById();var gdCtrl = new Object;//****************************************************************************// Here, you could modify the date format as you need !//**************************************************************************** function fSetDate(iYear, iMonth, iDay){gdCtrl.value = iYear+"-"+gMonths[iMonth-1]+"-"+iDay; // <--Modify this gfPop.style.visibility = "hidden";}//****************************************************************************// Param: popCtrl is the widget beyond which you want popup this calendar; // dateCtrl is the widget into which you want to put the selected date; //**************************************************************************** function fPopCalendar(popCtrl, dateCtrl, anEvent){anEvent.cancelBubble=true;gdCtrl = parent.document.getElementById(dateCtrl);var pc = parent.document.getElementById(popCtrl);fSetYearMon(giYear, giMonth);var point = fGetXY(pc);with (gfPop.style) {left = point.x-1;top = point.y+pc.offsetHeight+1;visibility = "visible";}}function Point(iX, iY){this.x = iX;this.y = iY;}function fGetXY(aTag){var pt = new Point(aTag.offsetLeft, aTag.offsetTop); do {aTag = aTag.offsetParent;pt.x += aTag.offsetLeft;pt.y += aTag.offsetTop;} while(aTag.tagName!="BODY");return pt;}function fSetSelected(aCell){var iOffset = 0;var iYear = parseInt(tbSelYear.value);var iMonth = parseInt(tbSelMonth.value);aCell.bgColor = gcBG;with (aCell.firstChild){var iDate = parseInt(innerHTML);if (style.color==gcOtherDay)iOffset = (id<10)?-1:1;iMonth += iOffset;if (iMonth<1) {iYear--;iMonth = 12;}else if (iMonth>12){iYear++;iMonth = 1;}}fSetDate(iYear, iMonth, iDate);}function fBuildCal(iYear, iMonth) {var aMonth=new Array();for(i=1;i<7;i++)aMonth[i]=new Array(i);var dCalDate=new Date(iYear, iMonth-1, 1);var iDayOfFirst=dCalDate.getDay();var iDaysInMonth=new Date(iYear, iMonth, 0).getDate();var iOffsetLast=new Date(iYear, iMonth-1, 0).getDate()-iDayOfFirst+1;var iDate = 1;var iNext = 1;for (d = 0; d < 7; d++)aMonth[1][d] = (d<iDayOfFirst)?-(iOffsetLast+d):iDate++;for (w = 2; w < 7; w++)for (d = 0; d < 7; d++)aMonth[w][d] = (iDate<=iDaysInMonth)?iDate++:-(iNext++);return aMonth;}function fDrawCal(iCellWidth) {var WeekDay = new Array("日","一","二","三","四","五","六");var styleTD = " width='"+iCellWidth+"' "; //Coded by Liming Weng(Victor Won) email:victorwon@with (document) {write("<tr>");for(i=0; i<7; i++)write("<td class='CalHead' "+styleTD+">" + WeekDay[i] + "</td>");write("</tr>");for (w = 1; w < 7; w++) {write("<tr>");for (d = 0; d < 7; d++) {write("<td class='CalCell' "+styleTD+"onMouseOver='gcTemp=this.bgColor;this.bgColor=gcToggle;this.bgColor=gcToggle' onMouseOut='this.bgColor=gcTemp;this.bgColor=gcTemp' onclick='fSetSelected(this)'>"); write("<A href='#null' onfocus='this.blur();'>00</A></td>")}write("</tr>");}}}function fUpdateCal(iYear, iMonth) {myMonth = fBuildCal(iYear, iMonth);var i = 0;var iDate = 0;for (w = 0; w < 6; w++)for (d = 0; d < 7; d++)with (gCellSet[(7*w)+d]) {id = i++;if (myMonth[w+1][d]<0) {style.color = gcOtherDay;innerHTML = -myMonth[w+1][d];iDate = 0;}else{style.color = ((d==0)||(d==6))?gcWeekend:gcWorkday;innerHTML = myMonth[w+1][d];iDate++;}parentNode.bgColor =((iYear==giYear)&&(iMonth==giMonth)&&(iDate==giDay))?gcTodayBG:gcBG;parentNode.bgColor = parentNode.bgColor;}}function fSetYearMon(iYear, iMon){tbSelMonth.options[iMon-1].selected = true;if (iYear>giEndYear) iYear=giEndYear;if (iYear<giStartYear) iYear=giStartYear;tbSelYear.options[iYear-giStartYear].selected = true;fUpdateCal(iYear, iMon);}function fPrevMonth(){var iMon = tbSelMonth.value;var iYear = tbSelYear.value;if (--iMon<1) {iMon = 12;iYear--;}fSetYearMon(iYear, iMon);}function fNextMonth(){var iMon = tbSelMonth.value;var iYear = tbSelYear.value;if (++iMon>12) {iMon = 1;iYear++;}fSetYearMon(iYear, iMon);}with (document) {write("<table id='popTable' bgcolor='"+gcCalBG+"' cellspacing='0' cellpadding='0' border='0'><TR>");write("<td align='center'><input type='button' value='<' class='HeadBtn'onClick='fPrevMonth()'>");write(" <select id='tbMonSelect' class='HeadBox'onChange='fUpdateCal(tbSelYear.value, tbSelMonth.value)' Victor='Won'>");for (i=0; i<12; i++)write("<option value='"+(i+1)+"'>"+gMonths[i]+"</option>");write("</SELECT><SELECT id='tbYearSelect' class='HeadBox'onChange='fUpdateCal(tbSelYear.value, tbSelMonth.value)' Victor='Won'>");for(i=giStartYear;i<=giEndYear;i++)write("<OPTION value='"+i+"'>"+i+"</OPTION>");write("</SELECT> <input type='button' value='>' class='HeadBtn'onclick='fNextMonth()'>");write("</td></TR><TR><td align='center'>");write("<DIVstyle='background-color:"+gcFrame+";width:"+((giCellWidth+6)*7+2)+"px;'><tableborder='0' cellpadding='2' >");tbSelMonth = getElementById("tbMonSelect");tbSelYear = getElementById("tbYearSelect");fDrawCal(giCellWidth);gCellSet = getElementsByTagName("A");fSetYearMon(giYear, giMonth);write("</table></DIV></td></TR><TR><TD align='center'>");write("<A href='#null' class='Today' onclick='fSetDate(giYear,giMonth,giDay); this.blur();' onMouseOver='gcTemp=this.style.color;this.style.color=gcToggle'onMouseOut='this.style.color=gcTemp'>今天是: "+giYear+"年"+gMonths[giMonth-1]+"月"+giDay+"日</A>");write("</TD></TR></TD></TR><TR></TR></TABLE>");gfPop.width = getElementById("popTable").offsetWidth;gfPop.height = getElementById("popTable").offsetHeight;}</SCRIPT></BODY></HTML>。
FullCalendar日历插件说明文档普通显示设置属性描述默认值header 设置日历头部信息。
如果设置为false,则不显示头部信息。
包括left,center,right左中右三个位置,每个位置都可以对应以下不同的配置:title: 显示当前月份/周/日信息prev: 用于切换到上一月/周/日视图的按钮next: 用于切换到下一月/周/日视图的按钮prevYear:用于切换到上一年视图的按钮nextYear:用于切换到下一年视图的按钮{left:'title',center: '',right:'todayprev,next'}theme 是否允许使用jquery的ui主题,如果设置为true,则需要加载jquery ui相关css和js文件。
查看演示falsebuttonIcons 设置header中使用的prev, next等变量对应按钮的样式,只有当theme为true时才有效,如果你调用了jQuery ui样式但又不想使用它的图标样式,可以将此属性设置为false{ prev:'circle-triangle-w', next:'circle-triangle-e' }firstDay 设置一周中显示的第一天是哪天,周日是0,周一是1,类推。
isRTL 设置为ture时则日历从右往左显示,貌似是针对阿拉伯人设计的。
falseweekends 是否显示周末,设为false则不显示周六和周日。
truehiddenDays 隐藏一周中的某一天或某几天,数组形式,如隐藏周二和周五:[2,5],默认不隐藏,除非weekends设置为false。
[]weekMode 在月视图里显示周的模式,因为每月周数可能不同,所以月视图高度不一定。
fixed:固定显示6周高,日历高度保持不变liquid:不固定周数,高度随周数变化variable:不固定周数,但高度固定'fixed'weekNumbers 是否在日历中显示周次(一年中的第几周),如果设置为true,则会在月视图的false左侧、周视图和日视图的左上角显示周数。
Js(Javasc ript)中二维数组的定义及写法JSON日期(Date)型字数据的格式化WdateP icker日历控件使用方法2011-01-06 12:06:08| 分类:开发技术| 标签:|字号大中小订阅1. 跨无限级框架显示无论你把日期控件放在哪里,你都不需要担心会被外层的ifra me所遮挡进而影响客户体验,因为My97日期控件是可以跨无限级框架显示的示例2-7 跨无限级框架演示可无限跨越框架ifra me,无论怎么嵌套框架都不必担心了,即使有滚动条也不怕2. 民国年日历和其他特殊日历当年份格式设置为yyy格式时,利用年份差量属性yearOffs et(默认值1911民国元年),可实现民国年日历和其他特殊日历示例2-8 民国年演示<inputtype="text" id="d28" onClic k="WdateP icker({dateFm t:'yyy/MM/dd'})"/>注意:年份格式设置成yyy时,真正的日期将会减去一个差量yearOffs et(默认值为:1911),如果是民国年使用默认值即可无需另外配置,如果是其他的差量,可以通过参数的形式配置3. 为编程带来方便如果el的值是this,可省略,即所有的el:this都可以不写日期框设置为disab led时,禁止更改日期(不弹出选择框)如果没有定义onpic ked事件,自动触发文本框的onchange事件如果没有定义oncle ared事件,清空时,自动触发onchang e事件4. 其他属性设置read Only属性,可指定日期框是否只读ighLin eWeek Day属性,可指定是否高亮周末ShowOt hers属性,可指定是否显示其他月的日期加上clas s="Wdate"就会在选择框右边出现日期图标多语言和自定义皮肤1. 多语言支持通过lang属性,可以为每个日期控件单独配置语言,当然也可以通过WdatePick er.js配置全局的语言表和语言安装说明详见语言配置示例3-1 多语言示例繁体中文:<inputid="d311" class="Wdate" type="text" onFocu s="WdateP icker({lang:'zh-tw'} )"/>英文:<inputid="d312" class="Wdate" type="text" onFocu s="WdateP icker({lang:'en'})"/>简体中文:<inputid="d313" class="Wdate" type="text" onFocu s="WdateP icker({lang:'zh-cn'} )"/>注意:默认情况la ng='auto',即根据浏览器的语言自动选择语言.2. 自定义和动态切换皮肤立刻转到皮肤中心通过skin属性,可以为每个日期控件单独配置皮肤,当然也可以通过WdatePick er.js配置全局的皮肤肤列表和皮肤安装说明详见皮肤配置示例3-2 皮肤演示默认皮肤de fault: skin:'defaul t'<inputid="d321" class="Wdate" type="text" onfocu s="WdateP icker()"/>注意:在Wdate Picke r里配置了skin='defaul t',所以此处可省略,同理,如果你把WdatePi cker里的skin配置成'whyGre en'那么在不指定皮肤的情况下都使用'whyGre en'皮肤了Green皮肤: skin:'whyGre en'<inputid="d322" class="Wdate" type="text" onfocu s="WdateP icker({skin:'whyGre en'})"/>注意:更多皮肤,请到皮肤中心下载4. 日期范围限制1. 静态限制I注意:日期格式必须与realDa teFmt和realTi meFmt一致你可以给通过配置min Date(最小日期),maxDat e(最大日期)为静态日期值,来限定日期的范围示例4-1-1 限制日期的范围是2006-09-10到2008-12-20<inputid="d411" class="Wdate" type="text" onfocu s="WdateP icker({skin:'whyGre en',minDat e:'2006-09-10',maxDat e:'2008-12-20'})"/>示例4-1-2 限制日期的范围是2008-3-8 11:30:00 到2008-3-10 20:59:30<inputtype="text" class="Wdate" id="d412" onfocu s="WdateP icker({skin:'whyGre en',dateFm t:'yyyy-MM-dd HH:mm:ss',minDat e:'2008-03-08 11:30:00',maxDat e:'20 08-03-10 20:59:30'})" value="2008-03-09 11:00:00"/>示例4-1-3 限制日期的范围是2008年2月到2008年10月<inputtype="text" class="Wdate" id="d413" onfocu s="WdateP icker({dateFm t:'yyy y年M月',minDat e:'2008-2',maxDat e:'2008-10'})"/>示例4-1-4 限制日期的范围是8:00:00 到11:30:00<inputtype="text" class="Wdate" id="d414" onfocu s="WdateP icker({dateFm t:'H: mm:ss',minDat e:'8:00:00',maxDat e:'11:30:00'})"/>2. 动态限制注意:日期格式必须与realDa teFmt和realTi meFmt一致你可以通过系统给出的动态变量,如%y(当前年),%M(当前月)等来限度日期范围,你还可以通过#{}进行表达式运算,如:#{%d+1}:表示明天量表示例4-2-1 只能选择今天以前的日期(包括今天)<inputid="d421" class="Wdate" type="text" onfocu s="WdateP icker({skin:'whyGre en',maxDat e:'%y-%M-%d'})"/>示例4-2-2 使用了运算表达式只能选择今天以后的日期(不包括今天)<inputid="d422" class="Wdate" type="text" onfocu s="WdateP icker({minDat e:'%y-%M-#{%d+1}'})"/>示例4-2-3 只能选择本月的日期1号至本月最后一天<inputid="d423" class="Wdate" type="text" onfocu s="WdateP icker({minDat e:'%y-%M-01',maxDat e:'%y-%M-%ld'})"/>示例4-2-4 只能选择今天7:00:00至明天21:00:00的日期<inputid="d424" class="Wdate" type="text" onfocu s="WdateP icker({dateFm t:'yyy y-M-d H:mm:ss',minDat e:'%y-%M-%d 7:00:00',maxDat e:'%y-%M-#{%d+1} 21:00: 00'})"/>示例4-2-5 使用了运算表达式只能选择20小时前至30小时后的日期<inputid="d425" class="Wdate" type="text" onClic k="WdateP icker({dateFmt:'yyyy-MM-dd HH:mm',minDat e:'%y-%M-%d #{%H-20}:%m:%s',maxDat e:' %y-%M-%d #{%H+30}:%m:%s'})"/>1. 脚本自定义限制注意:日期格式必须与realDa teFmt和realTi meFmt一致系统提供了$dp.$D和$dp.$DV这两个A PI来辅助你进行日期运算,此外你还可以通过在#F{} 中填入你自定义的脚本,做任何你想做的日期限制示例4-3-1 前面的日期不能大于后面的日期且两个日期都不能大于2020-10-01合同有效期从到<inputid="d4311" class="Wdate" type="text" onFocu s="WdateP icker({max Dat e:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})"/><inputid="d4312" class="Wdate" type="text" onFocu s="WdateP icker({min Dat e:'#F{$dp.$D(\'d4311\')}',maxDat e:'2020-10-01'})"/>注意:两个日期的日期格式必须相同IT$dp.$ 相当于docume nt.getEle mentB yId 函数.么为什么里面的 ' 使用\' 呢? 那是因为" 和' 都被外围的函数使用了,故使用转义符\ ,否则会提示J S语法错误.所以您在其他地方使用时注意把 \' 改成" 或者' 来使用.#F{$dp.$D(\'d4312\')||\'2020-10-01\'} 表示当d4312为空时, 采用2020-10-01。
如何使用日历软件管理时间第一章:介绍日历软件的作用和功能日历软件是一种应用程序,可用于管理个人时间和安排。
它为用户提供了一个方便、灵活和可视化的方式来管理日程、安排会议和设置提醒。
使用日历软件可以有效地规划和管理时间,提高工作效率和组织能力。
第二章:选择适合自己的日历软件市面上有很多不同类型的日历软件,根据个人需求和偏好选择适合自己的软件非常重要。
有些软件注重简洁实用,适合个人日常使用;而有些软件则更加复杂,适合企业和团队协作。
在选择日历软件时,可以考虑功能、界面设计、跨平台性和数据同步等方面的因素。
第三章:使用日历软件创建日程日历软件的核心功能之一是创建日程。
用户可以根据自己的需要在日历上添加日程和活动。
在创建日程时,可以设置开始时间、结束时间、重复周期、地点、说明等。
合理地规划日程,合理分配时间,对于提高工作效率和时间管理非常重要。
在创建日程时,建议根据优先级和紧急程度进行排序,以确保重要任务能够及时完成。
第四章:设置提醒和闹钟日历软件通常提供设置提醒和闹钟的功能,以便提醒用户即将到来的日程和任务。
通过设置提醒,用户可以在必要的时间接收通知,提醒自己完成即将到来的工作。
合理设置提醒时间,既要避免过早打扰自己的工作,又要避免错过重要的任务。
在设置提醒时,建议根据任务的紧急程度和重要性合理安排提醒方式和时间。
第五章:共享日程和邀请他人如果需要与他人共享日程或邀请他人参加会议,日历软件可以提供这样的功能。
通过共享日程,用户可以与团队成员或家庭成员共享自己的日程安排,方便协作和组织。
而通过邀请他人参加会议,用户可以方便地邀请他人参与特定的活动或会议,并在日程中标注他人的参与情况。
这些功能可以提高团队协作效率,使得日程安排更加有序和高效。
第六章:利用日历软件进行时间分析和统计除了基本的日程和提醒功能外,许多日历软件还提供了时间统计和分析的功能。
通过统计和分析功能,用户可以了解自己的工作习惯、时间分配情况和效率水平等。
fullcalendar timegrid 简书【最新版】目录1.FullCalendar 简介2.FullCalendar 的功能特点3.TimeGrid 插件4.FullCalendar 在简书的使用正文1.FullCalendar 简介FullCalendar 是一款非常实用的日历插件,适用于各种网页应用。
它提供了一系列的功能,使得用户可以在网页上轻松查看和编辑日程安排。
这款插件的功能强大,界面简洁,易于使用,因此在众多的日历插件中脱颖而出,受到了广泛的欢迎。
2.FullCalendar 的功能特点FullCalendar 的主要特点包括:- 可以在网页上直接显示日历,方便用户查看日期和安排;- 支持多种视图,如天视图、周视图和月视图,用户可以根据需要切换;- 可以添加多种事件,如会议、任务和提醒等,并可以设置事件的详细信息,如开始和结束时间、地点和描述等;- 支持拖拽和排序,用户可以随意调整事件的时间和位置;- 支持多语言和多皮肤,可以根据需要进行切换;- 可以与其他应用程序进行集成,如 Google Calendar 和 iCal 等。
3.TimeGrid 插件TimeGrid 是 FullCalendar 的一个插件,用于提供时间网格视图。
通过 TimeGrid 插件,用户可以在日历中直接查看某个时间段的具体安排,而不仅仅是事件列表。
这样,用户可以更直观地了解日程安排,并可以更方便地进行调整。
4.FullCalendar 在简书的使用在简书中,用户可以使用 FullCalendar 来创建和编辑日程安排,并可以直接在文章中显示日历。
这样,读者可以更直观地了解作者的安排,并可以方便地查看和参与活动。
此外,FullCalendar 的 TimeGrid 插件也可以在简书中使用,为用户提供更详细的时间安排视图。
总的来说,FullCalendar 和 TimeGrid 插件是非常实用的日历工具,适用于各种网页应用。
fullCalendar⽇历插件玩法解析fullCalendar⽇历 1、在⽤之前我先介绍为啥要⽤这个fullcalendar⽇历插件,⾸先我在⽤之前是⽤的Ant Design of Vue框架的⽇历,这个框架的⽇历就⽐较单调没有很灵活的能操作⽇历⾥⾯的⽇历⽇程,⽽fullcalendar⽇历就能很灵活的进⾏⽇历⽅⾯的操作。
2、在刚开始⽤的时候还是有太多坑的,fullCalendar⽇历插件在我现在发现的有(vue-full-calendar 、vue-fullcalendar 、 calendar),凡是看到npm install以上三个的就不要去下载了,虽然vue-fullcalendar是可以使⽤的,但想要使⽤下载fullCalendar⾥⾯的其它包是不可以的。
Fullcalendar安装安装所需要的npm包npm install --save @fullcalendar/vue下⾯包是⽇历的周视图、⽇视图等插件包:npm install --save @fullcalendar/core @fullcalendar/daygrid @fullcalendar/interaction @fullcalendar/list @fullcalendar/timegrid安装后的fullcalendar源码和其它插件都会在@fullcalendar导⼊HTML<template><div><FullCalendar ref="myCalendar" :options="calendarOptions"/></div></template>导⼊JSimport FullCalendar from '@fullcalendar/vue'import dayGridPlugin from '@fullcalendar/daygrid'import timeGridPlugin from '@fullcalendar/timegrid'import interactionPlugin from '@fullcalendar/interaction'import listPlugin from '@fullcalendar/list'export default {name: 'MaintenanceCalendarview',components: {FullCalendar},data () {return {calendarOptions: {// 引⼊的插件,⽐如fullcalendar/daygrid,fullcalendar/timegrid引⼊后才可显⽰⽉,周,⽇plugins: [ dayGridPlugin, interactionPlugin, timeGridPlugin, listPlugin ],initialView: 'dayGridMonth', // 默认为那个视图(⽉:dayGridMonth,周:timeGridWeek,⽇:timeGridDay)firstDay: 1, // 设置⼀周中显⽰的第⼀天是哪天,周⽇是0,周⼀是1,类推locale: 'zh-cn', // 切换语⾔,当前为中⽂eventColor: '#3BB2E3', // 全部⽇历⽇程背景⾊themeSystem: 'bootstrap', // 主题⾊(本地测试未能⽣效)initialDate: moment().format('YYYY-MM-DD'), // ⾃定义设置背景颜⾊时⼀定要初始化⽇期时间timeGridEventMinHeight: '20', // 设置事件的最⼩⾼度aspectRatio: 1.65, // 设置⽇历单元格宽度与⾼度的⽐例。
Author:LovingshuDate:2013/01/01说明:需要配合jquery使用支持IE6,IE7,IE8,CHROME 其他浏览器请自测,应该是都没问题的!预览图:包含文件:使用攻略:var kal=new L.Calendar({renderTo:"#div_calendar",date:thisDay,calendarChange:function(){common();}});参数说明:renderTo,需要加到哪个元素中(使用JQuery格式写出ID,不写默认为body,也可以写name属性)date:初始时间(格式为:yyyy/MM/dd)calendarChange:日历改变时触发的事件getSelectedDates():获取在日历中说选中的日期clear():清除选中日期toDay():选中今天addSelect("2012-12-20"):添加选中日期addFunctionBtns([htmlCode]):添加功能按钮区addEventList([htmlCode]):添加事件列表区更多的需要自己去揣摩了,这个插件我写了很久了~都忘记里面具体的东西了~嘿嘿源码实例:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>L's Calendar</title></head><link type="text/css" rel="stylesheet" href="MyCalendar.css"/><script type="text/javascript" src="jquery1.8.js" charset="UTF-8"></script><script type="text/javascript" src="MyCalendar.js" charset="UTF-8"></script><script type="text/javascript">$(function(){var cal=new L.Calendar({date:"2012/01/05"});cal.addSelect("2012-01-01");cal.addSelect("2012-01-08");cal.addSelect("2012-01-15");cal.ad dSelect("2012-01-22");cal.addSelect("2012-01-29");cal.addSelect("2012-01-30");cal.addSelect("2 012-01-31");cal.addFunctionBtns("<input type='button' value='Add Schedule'/><input type='button' value='Delete Schedule'/>");cal.addEventList("<divstyle='font-size:12px;background-color:lightBlue;margin:2px;padding:2px;'>Meeting</div>"+ "<divstyle='font-size:12px;background-color:pink;margin:2px;padding:2px;'>Lunch</div>"+ "<div style='font-size:12px;background-color:pink;margin:2px;padding:2px;'>Job finished?</div>"+"<div style='font-size:12px;background-color:pink;margin:2px;padding:2px;'>L's Calendar</div>");});</script><body></body></html>文件:L'sCalendar.zip。
RTX桌面日历插件使用说明
功能介绍
本插件用于在RTX用户的电脑桌面背景上与桌面图标中间画一层日历,日历颜色可以设置。
界面预览:
安装桌面日历插件
运行rtx_calendar.rpi,按照提示安装完毕后重新启动RTX客户端
使用
初次启动,可能由于桌面背景没有刷屏而看不到桌面日历。
可以打开任一个窗口,如outlook,首先最大化,然后最小化回到桌面及可看到桌面日历。
注意,第一次不是用“显示桌面”快捷方式回到桌面。
颜色设置
默认的桌面日历颜色不能适应各式各样的桌面背景颜色分布情况,此时可以通过如下步骤设置
颜色:
1.显示RTX主界面,找到操作菜单,打开
2.选择“桌面日历设置”,可以根据自己的桌面颜色情况重新设定桌面日历颜色。
参见下图:。
NZ07工具:日期录入控件VBA技术工具是我根据我的多年经验,并结合一些需求推出多项工具。
这些工具分为YZ系列和NZ系列:YZ系列比较容易,一般可以通过教程中的代码组合自己也可以容易的写出;NZ系列则比较困难些,需要一定的VBA技术能力可以得到。
这些工具只对学员,不对外。
对于较难些的NZ系列工具,每个工具有两种版本,开放源码的版本和不开放的版本。
不开放源码的版本可以直接使用,是用来鼓励哪些执着于VBA学习的和应用,按照我的教程踏实学习,并学习到了高级阶段的学员。
这些工具我会陆续推出,一般以19版MS为蓝本编写。
今日给大家介绍的这个系列的NZ07工具:日期录入控件NZ07 日期录入控件这个应用是展现给大家在高版本Excel工作簿中录入日期时专用控件。
我一共提供了两个控件供大家根据需要选择,其一是NzAppsDatePicker.xlam,这个控件比较简单,只是单纯的选择日期进行录入;其二是NzWinDatePicker.xlam,这个控件较复杂些,可以实现日期的录入、日历的添加、日期格式的设置、每年周数的计算及录入。
工具的核心技术我封装在NzAppsDatePicker.xlam和NzWinDatePicker.xlam加载项中,加载项提供两个版本,一是开放源码的版本(注意VBE的打开密码是123456789,但强烈建议您不要轻易打开代码窗口,即使打开也要留有备份);二是不开源码的版本,这个版本只提供使用,学员在获得我的全部10套教程后即可得到这个版本的资料。
加载项在加载后,任意右键,就可以在菜单中看到工具的菜单,应用非常的方便。
一 NzAppsDatePicker加载项加载后的菜单及日期录入我们打开任意的一个EXCEL文件(2007版本之上),然后加载上述加载项,在工作表中选择要录入日期的单元格,右键,如下:我们会看到提示的录入控件的菜单,点击它,我们会得到下面的录入工具:此时,我们只需根据需要选择我们要录入的日期起即可,选好日期后单击,就实现了录入:二 NzWinDatePicker加载项的加载这个加载项的功能比较多些,同样是打开任意文件后,打开这加载项后即可以利用。
方正日历插件使用说明年年都要做日历或年历,有句话说的好,“年年岁岁人相似,岁岁年年花不同”。
现在很多人做日历最简单的方法就是从网上去找别人提供的模版,然后再手工进行调整,既麻烦又没有个性,要是幸运能够找到AI和CDR的源文件还可以发挥一下,要是个图片就只能妄图兴叹了,更别说后期的制作和排版了。
现在有了方正排版软件标配的日历插件,嘿!嘿!手不累了,脑袋也不疼了。
想做哪年做哪年,想做哪个月做哪个月,日历插件可自动生成年历、月历和周历,根据个性化的需要还可以方便地制作不同的样式,存为模版重复使用。
再结合方正排版软件强大的排版设计能力,发挥您的创意,就可以制作属于自己的个性化日历。
1 日历插件的基本操作方法选择“版面”|“日历插件”,弹出日历插件界面,如图1所示。
图1 日历插件界面1.1 日历设置在制作之前,先要对日历进行设置。
在日历插件对话中选择“日历设置”选项卡。
在“日历设置”中,可以对日历的方案进行选择,还可以选择项目进行各项目的详细设置等等,如图所示。
图2 日历设置1.2 日历制作设置好日历后,可以选择“日历制作”选项卡开始日历的制作。
图3 日历制作(1)在“月”下拉列表中选择全年,则激活月间距设置,单击“月间距设置”按钮则弹出“月间距”对话框,设置月行数为3行。
(2)单击“节日设置”按钮则弹出“节日设置”对话框,如图所示,可以采用默认的节日,也可以添加节日,满足个性化需求。
图4 节日设置(3)确定后在版面单击生成日历,再给日历添加一些文字润色,一份精美的日历就展现在面前了,如图所示。
图5 日历1.3 日历输出制作的日历文件可以保存为排版软件的文件格式;也可以通过输出功能将日历输出为图片或PDF文件格式。
单击“文件”|“输出”,弹出输出对话框,如图所示,可以把日历输出为PS、PDF、EPS、JPG和TXT格式。
图6 输出格式2 日历制作的相关操作点击日历插件中的“日历制作”选项卡,弹出日历制作界面,如图7所示。
图7 日历制作界面2.1 日历栏“日历”栏可设置年、月、排列顺序、每行日期数及生成全年日历时的月间距和排列方式,界面如图所示。
图8 日历栏年:指定日历的年份,选择范围为1990-2020。
月:指定日历月份,可选择全年或1-12月,选择全年时将生成年历,选择某个月份时将生成月历。
排列顺序:指定日期的排列顺序,分为行排列和列排列。
选择前者,日期从左向右递增;反之,则从上向下递增。
每月日期数:可选择全月或定制。
全月:生成全月的日历,即每月1日到当月最大日期,可选择每行(列)日期数。
定制:当选择为定制时,“每行(列)日期”和“日期行数”设置消失,取而代之的是“起始日期”和“日期数”设置,如图所示。
定制时可灵活生成一个月中的各段日期,适于制作周历或在一个月中使用不同风格的日历。
定制时,选择的日期排为一行或一列。
每行(列)日期:当排列顺序为行排列时,表示月历中每行排列的日期数;当排列顺序为列排列时,表示每列的日期数。
取值为1月、1周、2周或3周。
日期行数:当每行(列)日期数为1周时有效。
取值为5或6。
起始日期:当每月日期数为定制时有效,范围为1到当月最大日期。
日期数:当每月日期数为定制时有效,范围为1到31。
2.2 月间距栏当指定月份为全年时,即生成年历时,月间距栏内的设置有效。
月行数:年历中每月日历排列的行数,可选择1,2,3,4,6或12。
排列方式:十二个月的排列方式,可选择横排或竖排,选择横排时,月份从左向右递增,反之,从上向下递增。
列间距:相邻两月在竖直方向上间距。
行间距:相邻两月在水平方向上间距。
2.3 节日栏节日栏中,可根据阳历或农历日期添加和删除节日。
在“日历设置”页中点击“节日设置”按钮,已有的节日分别在“阳历”、“农历”列表框中列出。
图8 节日设置节日的日期可保存为节日方案,显示在“节日”列表框中,以备选取。
保存节日方案:单击“另存为…”按钮,弹出“保存”对话框可输入方案名。
若方案名不重复,则将其加入到节日列表中,否则可选择是否覆盖。
删除节日方案:单击“删除…”按钮,弹出警告对话框,若选择“是”,则删除当前节日方案。
仅在当前节日方案名不为空时有效。
增加节日:单击“增加节日”按钮,弹出“增加节日”对话框,可选择阳历或农历日期,并输入月份、日期值,单击确认后,若日期值合理则加入到相应列表框中。
阳历、农历节日数总共不能超过40个。
图9 增加节日删除节日:在“阳历”和“农历”列表框中选择日期,单击“删除节日”按钮,弹出警告提示,若选“是”,则删除选中的日期。
选择日期时。
可单击日期或按Ctrl键不放,同时单击日期(可选多个日期),用同样的方法也可取消选中。
2.4 起始日期在每行(列)日期数为1周、2周或3周时,可选择起始日期为星期一或星期日,选中“起始日期为星期一”复选框,即表明选择起始日期为星期一。
3 日历设置的相关操作点击日历插件中的“日历制作”选项卡,弹出日历制作界面,如图10所示。
在“日历设置”中,可设置日历的月边框、星期框、日期框、月份、英文星期、中文星期、阳历日、农历日等,还可将当前日历方案保存,以备调用。
图10 日历设置界面3.1 日历方案的保存、删除和使用“日历设置”页中的参数可以通过“导入”、“导出”保存为日历方案。
通过另存功能即可保存为方案模板。
在“方案”列表中选择一日历方案后,通过删除功能即可删除选中的日历方案。
大家可在“方案”列表框中选中一日历方案,以此为模版制作日历。
3.2 编辑日历项目在“项目”列表内可选择月边框、星期框、日期框、月份、英文星期、中文星期、阳历日和农历日,每一项都有单独的设置。
对话框上部的预览框内显示当前设置的效果。
1、月边框可设置每月日历的月边框线的颜色和宽度,以及月边框的宽度和高度。
相应的设置选项如图所示。
图11 月边框生成:选中“生成”复选框,表示将生成月边框线,且可选择边框线的颜色和线宽(若不选中该复选框,“颜色”和线宽无效)。
颜色:“颜色”按钮的颜色表示当前月边框线的颜色,单击按钮,弹出颜色对话框,可选择其它颜色。
线宽:表示当前月边框线的宽度,可在编辑框内输入修改。
月边框宽:月边框的宽度,即每月日历的宽度。
月边框高:月边框的高度,即每月日历的高度。
星期和日期都在月边框范围内。
当月边框大小改变时,日历其它各项设置(如字体,星期框和日期框)也按月边框的变化比例而变化。
在“月边框宽(或高)”编辑框内输入数值时,预览框并不刷新,可在编辑框外单击鼠标左键,实现预览刷新。
限制宽度:限制月份在月边框外水平方向的调整范围。
调整范围为月边框宽与两倍的限制宽度之和。
限制高度:限制月份在月边框外竖直方向的调整范围。
调整范围为月边框高与两倍的限制高度之和。
限制宽(高)度改变时,月份的大小按调整范围的变化比例而变化,星期和日期不受影响。
2、星期框可设置星期框线的颜色和宽度,星期框的大小和相对日期框的位置。
相应的设置选项如图所示。
图12 星期框上下左右边线:“上”、“下”、“左”、“右”复选按钮分别控制是否生成上、下、左、右边线。
当都未选中时,颜色和线宽控制无效。
颜色:“颜色”按钮上的颜色表示星期框线的颜色,单击按钮,弹出颜色对话框,可选择其它颜色。
线宽:表示当前月星期框线的宽度,可在编辑框内输入修改。
位置:表示星期框在月边框内的位置,可选择为左(上)方或右(下)方。
当日历排列顺序为行排列时,星期框在月边框上方或下方;列排列时,星期框在月边框的左方或右方。
星期框高(宽)度:当日历排列顺序为行排列时,表示星期框的高度;列排列时,表示星期框的宽度。
取值范围为0到月边框的大小。
特殊值:调整星期框高(宽)度为特殊值。
可选择最小、最大或日期框。
选择最小(为0)时,表示不生成星期框,此时,“项目”列表框中的“英文星期”和“中文星期”选项无效;选择最大(为月边框大小)时,表示不生成日期,此时“项目”列表框中的“阳历日期”和“阴历日期”选项无效;选择日期框时,表示星期框与日期框大小相等。
3、日期框可设置日期框线的颜色和宽度。
相应的设置选项如下图。
图13 日期框上下左右边线:“上”、“下”、“左”、“右”复选按钮分别控制是否生成上、下、左、右边线。
当都未选中时,颜色和线宽控制无效。
颜色:“颜色”按钮上的颜色表示日期框线的颜色,单击按钮,弹出颜色对话框,可选择其它颜色。
线宽:表示日期框线的宽度,可在编辑框内输入修改。
4、月份可设置月份的类型、颜色、字体、在月份调整范围内(月边框加上限制大小)的位置等。
当月边框和限制大小改变时,月份字体大小随之改变。
相应的设置选项如下图。
图14 月份框生成:“生成”复选按钮控制是否生成月份。
当没选中时,各控制无效。
月类型:以一月份为例,表示生成的月份的方式类型,有下列选项:Jan:生成英文月份前3个字母,即Jan, Feb……;January:生成英文月份全称,即January, February……;1:生成月份数字,即1,2……;一:生成中文月份,即一、二……;一月:生成中文月份和月,即一月、二月……。
排列方式:可选择横排或竖排,当月类型为英文或数字选项无效。
颜色:“颜色”按钮上的颜色表示月份的颜色,单击按钮,弹出颜色对话框,可选择其它颜色。
字体:设置月份的字体和字号,“字体”按钮上标题为字体名。
单击“字体”按钮,弹出“字符特性”对话框,可依照第二章中“改变文字属性”来设置字体和字号及其属性。
字体的大小若超过月份范围,字体设置失败。
设置偏移量:✧设置月份在月份调整范围的位置。
单击“设置偏移量”按钮,弹出“设置偏移量”对话框。
对话框中,外框为月份调整范围,内框为月边界。
中间的白色矩形表示当前月份的位置和大小。
✧单击月份矩形框边线,鼠标改变形状后,可在月份调整范围内拖动月份矩形框到指定位置。
拖动鼠标时,同时按住Ctrl键不放,可仅在水平或垂直方向上移动。
✧选中“在日期范围内居中”复选框,月份固定在日期范围(月边界减去星期框)中间,不能再改变月份位置,对齐,居中框中的选项无效。
✧单击“居中”框中的“水平”和“垂直”按钮,月份在月份调整范围内居中。
✧单击“对齐”框中的“上”、“下”、“左”、“右”按钮,月份框与月边界的相应边线重合。
✧设置完成后,单击“确认”或单击“应用”按钮(此时对话框不消失),结果可反应到日历预显框中。
5、英文星期可设置英文星期的类型、颜色、字体、在星期框中的位置等。
当月边框大小改变时,英文星期的字体大小随之改变。
相应的设置选项如下图。
图15 英文星期生成:该复选按钮控制是否生成英文星期。
未选中时,各控制无效。
星期类型:以星期一为例,说明生成的英文星期类型:M:生成英文星期第一个字母,即M,T,W……;MON:生成英文星期前三个字母(大写),即MON,TUE,WED……;Mon:生成英文星期前三个字母,即Mon,Tue,Wed……;mon:生成英文星期前三个字母(小写),即mon,tue,wed……;Monday:生成英文星期全称,即Monday,Tuesday……。