当前位置:文档之家› fullcalendar日历控件知识点集合

fullcalendar日历控件知识点集合

fullcalendar日历控件知识点集合
fullcalendar日历控件知识点集合

Fullcalendar 基本用法和知识点

1、基本语法:

首先,fullcalendar和JQUERY一样,以面向对象的方式来组织代码。当然,这里

的面向对象仅仅是指可以把整个fullcalendar理解为一个类,这个类里包括有很多的属性、方法、委托(函数回调)作为成员变量。通过为这些成员变量赋值,即可实例化出一个

符合自己需求的 fullcalendar实例出来,即最终在浏览器里渲染出的日历。换句话说,我

们所做的绝大多数工作就是按照fullcalendar的语法约定去配置出一个符合我们需求的fullcalendar实例。除非对于极少的特殊需求,fullcalendar向我们提供的接口不足以满足,才会去修改 fullcalendar本身的js文件。

作为一种JQUERY插件,可以把fullcalendar理解为向 jquery对象集里添加了一

个日历相关的对象,这个对象里相关方法、属性、的调用方式,即为fullcalendar的基本

语法。整个语法分为两种:

第一种和日历本身无关,仅仅是利用fullcalendar提供的方法来进行字符串和日期

间的转换,形式如下:

$.fullCalendar.formatDate();

第二种则是与和配置fullcalendar实例相关的,这最终会影响到fullcalendar在浏

览器里的渲染,形式如下$(‘#someId’) .fullCalendar(content);

$(‘#someId’)将得到一个jquery对象,其中someId为你希望渲染日历的元素id。重点是后面一部分.fullCalendar(content);

Content有三种形式:

①为属性赋值 {ke y:value,…}

$('#calendar').fullCalendar({

weekends: false // will hide Saturdays and Sundays

});

这里即得到一个fullcalendar实例,其中weekends属性为false,即月日历不会显示周末。

②方法调用'methodName','para'

$('#calendar').fullCalendar('next')

这里会调用fullcalendar实例的next方法,其结果是浏览器的日历向后翻一月(日)

③为方法回调赋值

$('#calendar').fullCalendar({

dayClick: function() { alert('a day has been clicked!'); }

});

这里是为日历控件的dayClick事件赋值为相应的匿名函数,其结果是日历的每日被点击时,会弹出对话框。

我想先有这样一种观念更便于后面的理解,需要渲染一个fullcalendar控件时,通

常是直接在实例化一个fullcalendar时即完成它的绝大多数属性和委托的赋值,如此即

得到一个会被浏览器渲染成日历的fullcalendar对象(A),当这个对象已经被渲染后,

如果需要动态的修改它的相关配置,可以通过

$('#calendar').fullCalendar('option','aspectRatio', 1.8); 的形式去修改。

如果需要对象A发生某些变化,也可以调用A的某些方法,比如说翻页。

2、内容框架

整个fullcalendar由两部分组成

日历+事件

其中日历即为由js脚本在浏览器描绘出的日历控件,这一部分完全由js控制,和服务器

无需相关联。

事件则是日历功能的扩展,可以把事件理解为一个个会议安排。这些会议安排通常是保存

在服务器的,在每次页面加载时,fullcalendar得到会议安排的集合,然后按照其中的日

期去把事件描绘到日历对应的地方。

3、知识点概要

余下详细的知识点均为fullcalendar官方文档的翻译和组合。每一部分均按照属性、方法、函数回调的顺序来组织。通常会有相关知识点的简介,对于比较复杂或者关键的点,会有

相关联的代码作为事例。同样,这些事例也出之于fullcalendar官方文档。

以下是对这所有知识点的归纳和概览

日历部分:

视图:日历的不同的展现模式。当前共有5中视图

视图的通用配置:这一部分的配置通常可以对5中视图均有效。

视图对象:fullcalendar的视图Module

获取视图对象以及跳转到指定视图的方法

议程相关:即对议程视图模式下,相关细节的配置

日期相关:涉及到日历系统里日期的显示格式,日历加载的日期,以及获取相关日期或者

日历改变日期的相关方法

时间和文本的自定义设置:涉及到自定义或者本地化的相关配置大多在这里完成

鼠标的相关事件捕获:比如鼠标单击到某个特殊地方(日历中的某一天等)等触发的方法在这里配置

选中元素的配置:这一部分是来配置当鼠标点击某一日历元素时,是否选中该元素以及与此相关的事件

事件部分如下:

事件Module包含的信息

事件的产生:包括事件源的管理和事件的管理

事件的描绘:把一个事件描绘到浏览器的整个过程包含在这里

拖拽事件:用鼠标拖拽以移动某个时间,这需要其他JQUERY ui插件的支持

从日历外拖拽事件到日历内以添加事件:对日历内拖拽事件的扩展

4、详细知识点

4.1、合法的视图

month - see example月视图

basicWeek - see example周视图(一周内事件和日期的集合)

basicDay - see example (一日内事件和日期的集合)

agendaWeek - see example (周日程表)

agendaDay - see example (日日程表)

4.2、视图的通用配置

header

头部显示的信息,分left , center, right三个部位

合法的属性值:title,prev,next,prevYear,nextYear,today, avaibleViewName header: {

left: 'title',

center: 'prevYear,nextYear',

right: 'prev,today,next,agendaDay,month'

}

theme

当为true时,可以配合JQUERY-UI,配置日历的皮肤

buttonIcons:https://www.doczj.com/doc/6b16597802.html,/themeroller/

buttonIcons: {

prev: 'circle-triangle-w',

next: 'circle-triangle-e'

}

注意去掉.ui-icon-

firstDay:每周开始的日期:0为周日

isRTL:是否从右至左组织日历

weekends:是否显示周末

weekMode:周的显示模式:

fixed:每月始终显示6周

liquid:周数不定,每周的高度可变,整个日历高度不变

variable:周数不定,每周的高度固定,整个日历的高度可变

height整个日历的高度(包括header和content)

contentHeight内容高度:

aspectRatio宽和高的比例

$('#calendar').fullCalendar('option','aspectRatio', 1.8); 可以动态设置viewDisplay (callback)函数回调,每次view显示时均会调用

function( view ) { }

View是view对象

windowResize (callback)函数回调,每次窗口大小改变时调用,viewDisplay

render (method)立刻显示view

destroy (method)释放calendar,包括相关数据

defaultView:日历初始化时的视图,默认为month

4.3、视图对象viewObject

在相关方法回调中均会有次对象

4.4、获取视图对象

.fullCalendar( 'getView' )

切换视图

.fullCalendar( 'changeView', viewName )

4.5、议程相关——控制日程相关的视图的显示信息allDaySlot是否显示全天日程

allDayText显示的文字

axisFormat日期显示的格式

slotMinutes间隔时间

defaultEventMinutes默认的事件持续事件

firstHour在日程view里可见的起始时间,可通过滚动条滚动到在此时间之前的时间minTime整日日程的起始时间

maxTime整日日程的结束时间

4.6、日期相关

year日历加载时的年份

month日历加载时的月份(从0开始)

date日历加载时在月份的天数(对周视图和日视图有效)

prev (method)日历跳转到前一天

next (method)日历跳转到后一天

prevYear (method)日历跳转到前一年

nextYear (method)日历跳转到后一年

today (method)日历跳转到当前日期

gotoDate (method)日历跳转到指定日期

incrementDate (method)日历向前(向后)跳转一段时间

getDate (method)获取日历的当前日期 Date类型

4.7、时间和文本的自定义

timeFormat每个事件默认显示的时间格式

columnFormat每个视图列名显示的格式、

{ month: 'ddd', // Mon

week: 'ddd M/d', // Mon9/7

day: 'dddd M/d' // Monday9/7 }

titleFormat每个视图里title显示的格式

{ month: 'MMMM yyyy', // September 2009

week: "MMM d[ yyyy]{'—'[ MMM] d yyyy}", // Sep 7 - 13 2009 day: 'dddd, MMM d, yyyy'// Tuesday, Sep 8, 2009 }

buttonText视图里每个button显示的文字

{ prev: ' ◄ ', // left triangle

next:' ► ', // right triangle

prevYear:' << ', // <<

nextYear:' >> ', // >>

today: 'today',

month: 'month',

week: 'week',

day: 'day' }

monthNames月的全称

monthNamesShort月的简称

dayNames星期的全称

dayNamesShort星期的简称

4.8、相关点击事件

dayClick (callback)当某天被点击时触发

function( date, allDay, jsEvent, view ) { }

date:当前点击到的日期

allDay :是否是全天性的

jsEvent:底层的JS事件

view :当前的view对象

this关键字指代为

eventClick (callback)当一个事件给点击时触发

function( event, jsEvent, view ) { }

event :当前的event对象

jsEvent :底层的JS事件

view :当前的view

this:指代的里的

元素

eventMouseover (callback)鼠标滑动到事件上触发,同eventClick类似eventMouseout (callback)鼠标离开到事件上触发,同eventClick类似

4.9、选中相关:当点击或者拖拽到相关位置时,非否选中对应元素

selectable是否选中对应元素

selectHelper

在日程表相关的view里,当选中对应时刻时,是否显示相关信息

unselectAuto

当点击页面日历以外的位置时,是否自动取消当前的选中

unselectCancel

指定哪些元素不会清空当前的选中,以JQUERY选择器的方式指定 '#someId'

select (callback)被选中时的函数回调

function( startDate, endDate, allDay, jsEvent, view )

unselect (callback)选中被取消时的回调

select (method)选中某个时间

.fullCalendar( 'select', startDate, endDate, allDay )

unselect (method)取消选中

.fullCalendar( 'unselect' )

4.10、Event相关

EventObject事件对象

EventSource Object

EVENTS:在日历界面里,参数event的对象:分array,json feed,function三种类型

Eventsource:

{

events: [

{ title: 'Event1',

start: '2011-04-04' },

{ title: 'Event2',

start: '2011-05-05' } // etc... ],

color: 'yellow', // anoption! textColor: 'black' // an option!

}

eventsource可选的配置选项

events (asan array)数组形式组织的事件集$('#calendar').fullCalendar({

events: [

{

title : 'event1',

start : '2010-01-01'

},

{

title : 'event2',

start : '2010-01-05',

end : '2010-01-07'

},

{

title : 'event3',

start : '2010-01-09 12:30:00',

allDay : false //will make the time show

}

]

});

events (asa json feed)JSON源方式获取的events

每次当view的时间改变时,均会获取json。其中start和end为对应view的start和end,插入_是默认不访问浏览器缓存。可通过cache:true来默认读取浏览器缓存$('#calendar').fullCalendar({

events: '/myfeed.php'

});

会被转换为如下url请求

/myfeed.php?start=1262332800&end=1265011200&_=1263178646

events (asa function)

作为方法的形式获得event

$('#calendar').fullCalendar({

events: function(start,end, callback) {

$.ajax({

url:'myxmlfeed.php',

dataType: 'xml',

data: {

// ourhypothetical feed requires UNIX timestamps

start:Math.round(start.getTime() / 1000),

end: Math.round(end.getTime()/ 1000)

},

success:function(doc) {

var events =[];

$(doc).find('event').each(function() {

events.push({

title:$(this).attr('title'),

start:$(this).attr('start') // will be parsed

});

});

callback(events);

}

});

}

});

start和end同之前开始和结束时间(默认为-1970的毫秒)

callback为当获取到event后,会调用的改回调函数,把数据放入fullcalendar里的events里。

eventSources

可以放置多个eventSource(events)

$('#calendar').fullCalendar({

eventSources: [

'/feed1.php',

'/feed2.php'

]

});

allDayDefault

当event object里的allDay为指定时,其默认值

ignoreTimezone忽略timeZone

2008/11/5 21:15:30

startParam传递给服务器的start参数名

endParam同上

lazyFetching

当view改变时,是否从缓存信息获取event。比如从月视图切换到周视图,默认为是loading (callback)function( isLoading, view )

当调用ajax获取event是触发。

updateEvent (method)

在客户端更新event并在页面上重新描绘

clientEvents (method)

获取客户端保存的所有events对象

.fullCalendar( 'clientEvents' [, idOrFilter ]) -> Array

removeEvents (method)

删除event并重新描绘

refetchEvents (method)

重新获取events并重新描绘

addEventSource (method)

添加eventSource,并立刻在页面上描绘

.fullCalendar( 'addEventSource', source )

removeEventSource (method)

同上

4.11、事件描绘(对应于整个callendar里的事件)eventColor

eventBackgroundColor

eventBorderColor

eventTextColor

eventRender (callback)

当描绘事件时触发

function( event, element, view ) { }

event为改事件,element为用来渲染改事件的div元素

eventAfterRender (callback)

同上

renderEvent (method)

.fullCalendar( 'renderEvent', event [, stick ] )

rerenderEvents (method)

.fullCalendar( 'rerenderEvents' )

同refetchEvents

4.12、拖拽事件

需要添加JQUERY UI Draggable插件,并把editable设置为true。相关属性和方法同事件类似

editable

Determines whether the events on the calendar can be modified. disableDragging

Disables all event dragging, even when events are editable. disableResizing

Disables all event resizing, even when events are editable. dragRevertDuration

Time it takes for an event to revert to its original position afteran unsuccessful drag.

dragOpacity

The opacity of an event while it is being dragged.

eventDragStart (callback)

Triggered when event dragging begins.

eventDragStop (callback)

Triggered when event dragging stops.

eventDrop (callback)

Triggered when dragging stops and the event has moved to a differentday/time.

eventResizeStart (callback)

Triggered when event resizing begins.

eventResizeStop (callback)

Triggered when event resizing stops.

eventResize (callback)

Triggered when resizing stops and the event has changed in duration.

4.13、从日历外拖拽事件到日历中

额外需求:

①需要jquery-ui相关控件的支持jquery-ui-1.8.17.custom.min.js

②日历的dropple属性需设置为true

基本思路

①在日历胖构建好用来拖拽的元素

②设置相应div的drop操作

$('#external-events div.external-event').each(function() {

// create an Event Object

// it doesn't need to have a start or end

var eventObject = {

title: $.trim($(this).text()) // use the element's text as the eventtitle

};

// store the Event Object in the DOM element so we can get to itlater $(this).data('eventObject', eventObject);

// make the event draggable using jQuery UI

$(this).draggable({

zIndex: 999,

revert: true, // willcause the event to go back to its revertDuration: 0 // original position after the drag

});

});

③在日历中的drop回调中进行构造event并描绘

drop: function(date, allDay) { // this function is called whensomething is dropped

// retrieve the dropped element's stored Event Object

var originalEventObject = $(this).data('eventObject');

// we need to copy it, so that multiple events don't have areference to the same object

var copiedEventObject = $.extend({}, originalEventObject);

// assign it the date that was reported

copiedEventObject.start = date;

copiedEventObject.allDay = allDay;

// render the event on the calendar

// the last `true` argument determines if the event"sticks"

(https://www.doczj.com/doc/6b16597802.html,/fullcalendar/docs/event_rendering/renderEvent/) $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);

// is the "remove after drop" checkbox checked?

if ($('#drop-remove').is(':checked')) {

// if so, remove the element from the "Draggable Events"list $(this).remove();

}

}

4.14、日期转换工具

formatDate (function)

Formats a Date object into a string.

formatDates (function)

Formats a date range (two Date objects)into a string. parseDate (function)

Parses a string into a Date object.

parseISO8601 (function)

Parses an ISO8601 string into a Dateobject.

excel中实现日期选择输入(日历控件)

excel中实现日期选择输入(日历控件)推荐 第一种方法: 首先这个控件需要一个名为MSCOMCT2.OCX的控件文件,这个文件大家先在电脑里搜索一下,如果没有的话就求助baidu 喽. 下载下来后把它复制到c:\windows\system32里. 最后就在开始->运行里注册MSCOMCT2.OCX控件. 那么如何注册呢,方法很简单输入regsvr32 MSCOMCT2.OCX就ok拉 这时打开excel控件工具箱点击其它控件找到Microsoft Date and Time Picker Control 6.0,这个东东就是我们要的日期控件拉 第二种方法:MSCAL.OCX Private Sub Calendar1_Click() ActiveCell = Calendar1.Value Me.Calendar1.Visible = False End Sub Private Sub Worksheet_SelectionChange(ByVal Target As Range) '此处的6和7为你要显示日历的列序号 If Target.Column = 6 Or Target.Column = 7 Then Me.Calendar1.Left = Target.Left Me.Calendar1.Top = Target.Top If Target.Value <> "" Then Me.Calendar1.Value = Target.Value Else Me.Calendar1.Value = Now() End If Me.Calendar1.Visible = True Else Me.Calendar1.Visible = False End If End Sub

北师大版三年级上册数学 11《看日历》说课稿

《看日历》说课稿 各位评委、老师你们好,我说课的题目是《看日历》第一课时。我从以下几个方面进行说课。 一、教材分析 《看日历》是北师大版小学数学3年级上册第七单元《年、月、日》中的第一课时,本单元属于数与代数领域“常见的量”中的内容,主要学习年、月、日,认识24小时计时法,根据作息时间表解决实际问题。 本课是在学生掌握时间单位“时、分、秒”后安排的,即是对所学时间单位知识的扩充与延伸,又是为认识平年和闰年等有关“时间与数学”知识做铺垫。本课的主要内容是学生借助观察日历来认识时间单位年、月、日,在整理数据、观察数据、发现规律活动中,认识大月和小月,并能借助拳头记忆法和歌诀记忆法或其他自己总结的方法来帮助记忆大、小月。 二、学情分析 三年级的学生已经初步掌握了时分秒的知识,并在实际生活中积累了日历方面的感性的认识和经验,但是缺乏清晰的认识和数学思考的过程。不过学生们有着自主观察、探究日历,发现并总结规律的基础。 三、学习目标及重难点 根据课标的要求,结合学生已有的有关时间的知识水平和学习能力,我确定了一下的教学目标和重难点。

学习目标: 结合生活经验,认识年、月、日,了解它们之间的关系;知道大月、小月、平年、闰年。 在整理数据、观察数据活动中,能发现某些月份天数相同、2月份天数有时不同的简单规律,发展观察、判断和推理能力。 在识记大、小月的活动中,能积极思考记忆的方法,并能清晰的向他人表达自己的想法。 在与他人合作交流解决问题的过程中,能倾听别人的意见,感受数学学习的乐趣。 学习重难点: 学习重点:认识年、月、日,了解它们之间的关系,知道并识记大月和小月。 学习难点:能发现并总结一些简单的规律,并能选择喜欢且有效的方法记忆月份的特点。 四、教法学法 教法:根据本课的特点,我采取问题引导法和指导归纳法进行本课教学。在出示日历后,引导学生自主进行学习活动,再引导学生从几个方面汇报后,指导他们归纳规律,并采取适合自己的方法去记忆规律。 学法:引导学生采取自主学习和小组合作学习的方式。从回顾入手展开学习活动,通过一系列自主学习和小组合作交流,让有关年、月、日之间的知识更加系统的纳入自己的知识结构中。

EXCEL日历控件教程详细

E X C E L日历控件教程详 细 The pony was revised in January 2021

1.Alt+F11 按下显示代码窗口后,再松开Alt+F11. 2.然后按F7 ,调出VBA 窗口。 3.粘贴以下代码. Private Sub Calendar1_Click() Dim MyDay As Date ActiveCell = Mydate = 'MsgBox Mydate = 0 End Sub Private Sub Worksheet_SelectionChange(ByVal Target As Range) If = 1 Or = 1 And > 0 Then If IsDate(Target) Then = Target Else

End If = -1 = + Else = 0 End If End Sub 4.打开文件→保存book1(S) 5.打开视图→对象窗口 6.打开插入→对象窗口 7.找到日历控件或,按确定退出。 8.单击第一列(A列)中的任一单元格,选择日历中的需要的日期即可。备注:

要改变日期输入位置,可按以下方法调整代码,找到下面的代码行(此代码行的意思是在A列(第1列)中添加日历。 If = 1 Or = 1 And > 0 Then 然后根据以下的方法覆盖粘贴此行代码 1.以下这一句就是 B3:C5区域调用日期控件. If = 2 And > 2 And < 6 Or = 3 And > 2 And < 6 Then 2.这句是说在第 2列和第 3列调用日期控件. If = 2 Or = 3 And > 0 Then 3.这句是说在C2:C50调用日期控件. If = 3 And > 1 And < 51 Then

Excel日历控件教程 详细

1.Alt+F11 按下显示代码窗口后,再松开Alt+F11. 2.然后按F7 ,调出VBA 窗口。 3.粘贴以下代码. Private Sub Calendar1_Click() Dim MyDay As Date ActiveCell = Calendar1.Value Mydate = Calendar1.Value 'MsgBox Mydate Calendar1.Visible = 0 End Sub Private Sub Worksheet_SelectionChange(ByVal Target As Range) If Target.Column = 1 Or Target.Column = 1 And Target.Row > 0 Then If IsDate(Target) Then Calendar1.Value = Target Else Calendar1.Today End If Calendar1.Visible = -1 Calendar1.Top = ActiveCell.Top + ActiveCell.Height Else Calendar1.Visible = 0 End If End Sub 4.打开文件→保存book1(S) 5.打开视图→对象窗口 6.打开插入→对象窗口 7.找到日历控件11.0或9.0,按确定退出。 8.单击第一列(A列)中的任一单元格,选择日历中的需要的日期即可。备注: 要改变日期输入位置,可按以下方法调整代码,找到下面的代码行(此代码行的意思是在A列(第1列)中添加日历。 If Target.Column = 1 Or Target.Column = 1 And Target.Row > 0 Then 然后根据以下的方法覆盖粘贴此行代码

大班数学详案教案及教学反思《我会看日历》

大班数学详案教案及教学反思《我会看日历》 活动设计背景 小朋友到了大班应该有一定的时间概念,在平时问小朋友今天是星期几的时候,很多小朋友都不能正确说出,通过思考我便设计了这堂课,让幼儿能够学会看日历。 活动目标 1.学习看日历,知道一个星期中每天的名称和顺序。 2.知道日历的意义,并能按指定条件找到日历上的位置。 3.让幼儿在探索中学会思考,并让幼儿学会和同伴协作。 4.引导幼儿积极与材料互动,体验数学活动的乐趣。 5.发展幼儿逻辑思维能力。 教学重点、难点 重点:知道一个星期中每天的名称和顺序 难点:按指定条件找到日历上的位置 活动准备

大的日历一份,教师自制5月和9月的日历各一份 幼儿人手一份日历,铅笔,幼儿会认识1~30的数字 活动过程 一.创设情景,揭示课题 1.猜谜语,引出内容(日历) 2.认识日历的种类(年历、台历、挂历等) 二、带领幼儿听故事了解日历,并结合1~30的数字 三、出示一张大日历让幼儿观察,并让幼儿说出上面看到了些什么? (教师在这个环节仔细讲解日历上面的数字的含义,讲解每个格子的含义,讲解日历上面的数字有不同颜色的含义) 四、认识星期 (告诉幼儿一个星期有7天,而这7天用了不同的颜色来表示)五、教师出示5月和9月的2张挂图,带领幼儿认识日期

教师让幼儿先找年份,再找月份,最后找几号,并指导幼儿找出5月1日和9月10日 六、教师给幼儿发一张日历表,让幼儿按照老师指定的条件在日历上找出相应的位置,并让幼儿说出你找到的是几月几日。 七、幼儿操作,教师指导 八、总结,活动结束。 教学反思 活动开始时我先让幼儿认识日历,挂历,台历,让幼儿看一看,说一说,你在日历上看到了什么?!.来源:屈老.师教案网!孩子们很好奇,大家都在不停的开动脑筋,有的发现图案不同,数字不同等,我利用着一环节让幼儿结合以往学过的知识,充分地发挥了幼儿的扩散性思维。 活动前我有意识地收集了很多日历,以便孩子们在接下来找节日的环节中操作探索,孩子们对日历很感兴趣,在找的过程中,我发现有的孩子不能正确找出日子,但经过多次的练习,孩子们基

方正日历插件使用说明

方正日历插件使用说明 年年都要做日历或年历,有句话说的好,“年年岁岁人相似,岁岁年年花不同”。现在很多人做日历最简单的方法就是从网上去找别人提供的模版,然后再手工进行调整,既麻烦又没有个性,要是幸运能够找到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所示。

看日历教学设计

《看日历》教案设计 教材:北师大版三年上 课题:看日历课时数共 1 课时 教学目标:1、知识与能力:会看日历,认识星期。能从日历中找到指定的日子。能结合具体情景,推算出某人的生日。 2、过程与方法:观察,小组合作学习,动手操作。 3、情感、态度、价值观:培养学的观察能力和合作意识。教学重难点:能从日历中找到指定的日子。能结合具体情景,推算出某人的生日。 课前准备:了解我国的重大节日 教学设计: 过程设计:学情预设 谈话引入:同学们,现在是几月份了?(生齐答:12月1日了)2009年很快就要过去,新年就要到了,哎,咱们商量一下,我们可以给班级送上一份什么新年礼物啊? 师:你真是和老师想到一块了,咱们制作一份精美的、2010年的日历,作为献给班级的新年礼物,怎么样?(生齐答:好啊!)老师已经先画好了边框,可是里面的内容还得靠大家呢! (一)小组学习,发现问题,交流解决。 1、布置小组学习任务: 师:要制作出一份真正能派上用场的日历,咱们先得仔细的

观察观察别人做好的日历。大家手里都有2009年的日历,仔细观察,和小组的同学一起完成这份学习任务,咱们比一比哪个小组行动最快?现在开始!(学生们开始小组学习,组长念题,学生人手1份日历,观察日历并交流填写下表。)合作优秀的小组会得到合作卡。 小组学习内容:观察日历 1、日历上共有()个月份,每个星期有()天,今天是()月()日,星期()。 2、本月的第一天是星期(),最后一天是星期(),下个月的第一天应该是星期()。 2、课本P72找一找:(请每个小朋友写在自己的课本上)教师节是()月()日,星期()。中国共产党的生日是()月()日,星期()。中国人民解放军建军节是()月()日,星期()。你还知道哪些我国的重大节日?(互相说说) 3、通过观察日历,你们小组还发现了什么?(互相说说)小组评一评(好√中○还需努力△) 姓名倾听情况发言情况

选择日期Excel日历控件将日期插入到指定单元格#精选.

选择日期Excel日历控件将日期插入到指定单元格 在Excel中如何实现选择日历控件,就将日期插入到指定的单元格? 请跟随如下操作; 在EXCEL窗口中执行“视图”→“工具栏”→“控件工具箱”;弹出如下图对话框; 按上图的操作,找到“日历控件11.0”,之后在EXCEL窗口中使用鼠标左键一拖,拖出如下图的控件;

上图,我们要实现的结果是:在C列中,无论点击哪个单元格,就弹出日历控件,选择一个日期之后,日期自动插入到单元格;除C列之外,点击其他列的单元格,不会弹出日历选择控件; 要想实现这样的效果,得使用VBA来实现; 选择日历控件,鼠标左键双击,进入代码编辑模式;如下图! 上图中,第一个过程代码就是日历控件所需要的代码,另外,还得需要另外一个代码,在图中按红线圈住部分选择,找到对应的过程,输入如下的VBA代码即可! 完成之后,直接运行VBA代码,返回EXCEL操作窗口,即可实现效果了! 如上图,C3单元格已插入了日期,当你选择C列其他单元格时,就弹出日历控件,以供选择,选择完成,即可插入日期了! 为方便操作,提供源代码: Private Sub Calendar1_Click() ActiveCell = Calendar1.Value Me.Calendar1.Visible = False End Sub Private Sub Worksheet_SelectionChange(ByVal T arget As Range) If Target.Column = 1 Then Me.Calendar1.Visible = True Else Me.Calendar1.Visible = False End If End Sub 新建文本文档.txt 最新文件仅供参考已改成word文本。方便更改

数学活动:认识日历

大班上册主题七数学活动:认识日历 尊敬的各位评委老师: 上午好,我说课的题目是《认识日历》,这是选自大班上学期主题七《新年乐》中的一个科学领域的活动。下面我将从五个方面说一说我对这节活动的理解、分析与设计。 一、说教材 (一)教材内容分析 日历对幼儿来说并不陌生,几乎家家都有,是幼儿生活中非常熟悉的事物,认识并能正确的使用日历对大班幼儿来说非常需要。 (二)幼儿现状分析 大班幼儿抽象逻辑思维已开始萌芽,他们的认知、操作和抽象概括能力不断提高,同时,大班幼儿对喜欢和熟悉的事物有强烈的好奇心和求知欲,他们乐意动手动脑,通过自己的探索尝试获得新的知识经验,并不仅仅满足于老师所传授的。“认识日历“这个活动,符合幼儿的现实需要,适合大班幼儿的现有水平,也是幼儿感兴趣的身边的科学,活动内容的选择符合新《刚要》理念。 (三)活动目标 活动目标是教育活动的起点和归宿,对活动起着导向作用,依据《幼儿园教育指导纲要(试行)》所提出的各领域目标,结合大班幼儿的年龄特点、认知水平,我设计的以下2个目标,分别对幼儿从情感、态度、能力、知识、技能等方面进行积极的引导。 1、认识日历,指导一年有12个月,每个月的天数有不一样的。 2、学习看日历,懂得珍惜时间。 这2个目标,蕴含了能力的培养,主动探索的经验获得,情感的体验和对事物归纳总结能力的提高,体现了目标的综合性和层次性。 (四)活动重点难点 根据新纲要关于科学领域的目标要求,我把“认识日历,学会看日历“作为本次活动的重点,珍惜时间对幼儿来说比较抽象,幼儿不易理解,所以我把”懂得珍惜时间“确定为本次活动的难点。在后面说活动程序这个环节我将具体阐述如何突破重点难点的。 (五)活动准备 物质材料是实现活动目标的载体,活动材料应有利于引发、支持幼儿的游戏和各种探索活动,为了让每个幼儿都运用各种感官多种方式积极参与活动,满足他们多方面发展的需要,获得有益于身心发展的经验,保证活动顺利开展,我做了如下准备: 物质准备: 1、活动前请家长协助与老师、幼儿一起搜集各种挂历、台历、墙历等布置成日历展览。 2、2012年全年日历卡每人一张,铅笔每人一支,教师自制2012全年日历一大张(要求数字尽量写大,以便每个幼儿都能看清楚)。 3、钟表一个。 知识经验准备:能够正确的认读数字1-31,知道自己的生日是几月几日。 这些活动准备,一是丰富幼儿的经验,便于幼儿与同伴大胆、快乐、自主的交流,二是便于

大班数学课设计我会看日历案例与反思

大班数学课设计《我会看日历》案例与 反思 活动设计背景:小朋友到了大班应该有一定的时间概念,在平时问小朋友今天是星期几的时候,很多小朋友都不能正确说出,通过思考我便设计了这堂课,让幼儿能够学会看日历。 活动目标 1.学习看日历,知道一个星期中每天的名称和顺序 2.知道日历的意义,并能按指定条件找到日历上的位置 3.让幼儿在探索中学会思考,并让幼儿学会和同伴协作 教学重点、难点 重点:知道一个星期中每天的名称和顺序 难点:按指定条件找到日历上的位置 活动准备 大的日历一份,教师自制5月和9月的日历各一份 幼儿人手一份日历,铅笔,幼儿会认识1~30的数字 活动过程 一.创设情景,揭示课题 1.猜谜语,引出内容 2.认识日历的种类 二、带领幼儿听故事了解日历,并结合1~30的数字 三、出示一张大日历让幼儿观察,并让幼儿说出上面看到了些什么?

四、认识星期 五、教师出示5月和9月的2张挂图,带领幼儿认识日期 教师让幼儿先找年份,再找月份,最后找几号,并指导幼儿找出5月1 日和9月10日 六、教师给幼儿发一张日历表,让幼儿按照老师指定的条件在日历上找出 相应的位置,并让幼儿说出你找到的是几月几日。 七、幼儿操作,教师指导 八、总结,活动结束。 教学反思 活动开始时我先让幼儿认识日历,挂历,台历,让幼儿看一看,说一说,你在日历上看到了什么?孩子们很好奇,大家都在不停的开动脑筋,有的发现图案不同,数字不同等,我利用着一环节让幼儿结合以往学过的知识,充分地发挥了幼儿的扩散性思维。 活动前我有意识地收集了很多日历,以便孩子们在接下来找节日的环节中操作探索,孩子们对日历很感兴趣,在找的过程中,我发现有的孩子不能正确找出日子,但经过多次的练习,孩子们基本上能按老师指定的条件找到相应的日期,孩子们也相当地有成就感。

日期js控件

* (0)只选择年份 * (1)只选择月份 * (2)只选择日期 * (3)选择日期和小时 * (4)选择日期和小时及分钟 * (4)选择日期和小时及分钟默认时间00:00 *设置参数的方法 * (1)设置日期分隔符setDateSplit(strSplit);默认为"-" * (2)设置日期与时间之间的分隔符setDateTimeSplit(strSplit);默认为" " * (3)设置时间分隔符setTimeSplit(strSplit);默认为":" * (4)设置(1),(2),(3)中的分隔符setSplit(strDateSplit,strDateTimeSplit,strTimeSplit); * (5)设置开始和结束年份setYearPeriod(intDateBeg,intDateEnd) * (6)checkSec(t1,t2,s)==>t1,t2为两个时间框对像,s为相差的时间,默认为秒,输入年格式为"2y",输入月格式为"2m",以此类推. *说明: * 默认返回的日期时间格式如同:2005-02-02 08:08 */ //------------------ 样式定义---------------------------// //功能按钮同样样式 var s_tiannet_turn_base = "height:16px;font-size:9pt;color:white;border:0 solid #CCCCCC;cursor:hand;background-color:#2650A6;"; //翻年、月等的按钮 var s_tiannet_turn = "width:28px;" + s_tiannet_turn_base; //关闭、清空等按钮样式 var s_tiannet_turn2 = "width:22px;" + s_tiannet_turn_base; //年选择下拉框 var s_tiannet_select = "width:64px;display:none;"; //月、时、分选择下拉框 var s_tiannet_select2 = "width:46px;display:none;"; //日期选择控件体的样式 var s_tiannet_body = "width:150;background-color:#2650A6;display:none;z-index:9998;position:absolute;margin:10px ;" + "border-left:1 solid #CCCCCC;border-top:1 solid #CCCCCC;border-right:1 solid #999999;border-bottom:1 solid #999999;"; //显示日的td的样式 var s_tiannet_day = "width:21px;height:20px;background-color:#D8F0FC;font-size:10pt;"; //字体样式 var s_tiannet_font = "color:#FFCC00;font-size:9pt;cursor:hand;"; //链接的样式 var s_tiannet_link = "text-decoration:none;font-size:9pt;color:#2650A6;";

小学三年级数学《看日历》优选备课教案

小学三年级数学《看日历》优选备课教案 结合生活经验,认识年、月、日,了解它们之间的关系;知道大月、小月、平年、闰年,能初步判断平年和闰年。下面就是我给大家带来的小学三年级数学《看日历》优选备课教案,希望能帮助到大家! 小学三年级数学《看日历》优选备课教案一 教学目标: (一)知识与技能 1、结合生活经验,认识年、月、日,了解他们之间的关系; 2、知道大月、小月、平年、闰年。 (二)情感态度 经历与他人合作交流解决问题的过程,能倾听别人的意见,感受数学学习的快乐。 解决问题: 在回顾、整理、观察活动中,能发现一些简单的规律,发展观察、判断和推理的能力。 数学思考: 为学生提供探究的支点,在自主合作的学习氛围中,培养学生观察、分析、判断和推理的能力,促进学生数学思维的发展,激发学生学习数学的兴趣。 教学重点: 会看日历,认识年、月、日。 教学难点:

了解年、月、日之间的关系。 教学过程: 一、创境自学引思入情。 (一)、创设情境,揭示课题 出示日历图片,师问:你会看日历吗?你能从日历中找到自己的生日是哪一天吗?你是怎么找到自己的生日的? 生:我会看日历,还能从日历中找到一些节日。 师:你能从日历中找到自己的生日是哪一天吗? 生:我的生日是每年的10月20日,我能从日历中找到。 师:你是怎么找到自己的生日的? 生:我是这样找的,先找到月份,再从月份中找到那一天。 师:今天我们共同研究日历上面的知识。(板书课题:看日历) 点评:通过观看各式各样的日历图片和在日历中找自己的生日,使大部分学生都学会了怎样看日历,充分调动了学生学习的积极性和主动性,大力激发了学生的学习兴趣和探究新知的强烈*。 (二)、自主探究 师:关于年、月、日,还有哪些知识我们可以从年历中去发现?观看2013-2016年的年历,把2013-2016年各月份的天数记录在表格中,今天老师给每个孩子都准备了4年的年历和一张表格,我们就利用这些材料去发现日历中的秘密。 出示自学提示:(全班齐读,指名说一说:接下来我们要做些什么,怎么做?) 1、独立观察年历,在表格中记录下2013-2016年各月份的天数。 2、观察填写好的表格,你有什么发现。

Calendar(日历控件)

Calendar控件 Calendar控件功能: 显示一个日历,该日历会显示一个月份 允许用户选择日期、周、月 允许用户选择一定范围内的日期 允许用户移到下一月或上一月 以编程方式控件选定日期的显示 Calendar最重要的属性 名称说明 Caption 显示在日历上方的文本(标题) CaptionAlign 指定标题的垂直和水平对齐方式 CellPadding 边框和单元格之间的以像素为单位的间距。默认为2(注意不要加单位)CellSpacing 单元格间以像素为单位的间距。默认值为0 DayNameFormat 一周中每一天的格式。默认为Short FirstDayOfWeek 在第一列显示的一周的某一天,默认值由系统设置指定 NextMonthText 下一月份的导航按钮的文本。默认为大于号(>) NextPrevFormat 在NextMont-hText和PrevMonth-Text中指定使用的文本 PrevMonthText 上一月份的导航按钮的文本。默认为小于号(<)。 SelectedDate 一个选定的日期。只保留日期,时间为空 SelectedDates 选择多个日期后的DateTime对象的集合。只保存日期,时间为空SelectedDates.Count 选择了选择了日期的数量 SelectionMode 在本节的后面描述 SelectMonthText 选择器列中月份选择元素显示的文本。默认为两个大于号(>>)。ShowDayHeader 是否在日历标题中显示一周中每一天的名称。默认为true ShowGridLines 如果为true,显示单元格之间的网格线。默认为false ShowNextPrevMonth 指定是否显示上个月和下个月导航元素。默认为true ShowTitle 指定是否显示标题(上个月和下个月导航元素)。 TitleFormat 指定标题是显示为月份,还是同时显示月份和年份.默认为MonthYear另一属性为month TodaysDate 今天的日期 UseAccessibleHeader 指示是否使用可通过辅助技术访问的标题 VisibleDate 显示月份的任意日期 在Calendar中选择日期 如果需要让用户可以选择一天、一周或一个月,则必须设置SelectionMode属性。

幼儿园:大班数学活动《我会看日历》

幼儿园数学新课程标准教材数学教案( 2019 — 2020学年度第二学期 ) 学校: 年级: 任课教师: 幼儿园教案 / 幼儿园大班 / 幼儿园大班数学教案 编订:XX文讯教育机构

大班数学活动《我会看日历》 教材简介:本教材主要用途为通过学习数学的内容,让学生可以提升判断能力、分析能力、理解能力,培养学生的逻辑、直觉判断等能力,本教学设计资料适用于幼儿园幼儿园大班数学科目, 学习后学生能得到全面的发展和提高。本内容是按照教材的内容进行的编写,可以放心修改调整或直接进行教学使用。 活动设计背景:小朋友到了大班应该有一定的时间概念,在平时问小朋友今天是星期几的时候,很多小朋友都不能正确说出,通过思考我便设计了这堂课,让幼儿能够学会看日历。 活动目标 1.学习看日历,知道一个星期中每天的名称和顺序 2.知道日历的意义,并能按指定条件找到日历上的位置 3.让幼儿在探索中学会思考,并让幼儿学会和同伴协作 教学重点、难点 重点:知道一个星期中每天的名称和顺序 难点:按指定条件找到日历上的位置 活动准备 大的日历一份,教师自制5月和9月的日历各一份 幼儿人手一份日历,铅笔,幼儿会认识1~30的数字

活动过程 一.创设情景,揭示课题 1.猜谜语,引出内容(日历) 2.认识日历的种类(年历、台历、挂历等) 二、带领幼儿听故事了解日历,并结合1~30的数字 三、出示一张大日历让幼儿观察,并让幼儿说出上面看到了些什么? (教师在这个环节仔细讲解日历上面的数字的含义,讲解每个格子的含义,讲解日历上面的数字有不同颜色的含义) 四、认识星期 (告诉幼儿一个星期有7天,而这7天用了不同的颜色来表示) 五、教师出示5月和9月的2张挂图,带领幼儿认识日期 教师让幼儿先找年份,再找月份,最后找几号,并指导幼儿找出5月1 日和9月10日 六、教师给幼儿发一张日历表,让幼儿按照老师指定的条件在日历上找出 相应的位置,并让幼儿说出你找到的是几月几日。 七、幼儿操作,教师指导

easyui控件实例之Calendar日历

源码如下: 1. 2. 3. 4. 5. Basic Calendar - jQuery EasyUI Demo 6. 7. 8. 9. 10. 11. 12. 13.

Basic Calendar

14. Click to select date. 15.
16.
17. 18. 19. 源码如下: 1. 2. 3. 4. 5. First Day of Week - jQuery EasyUI Demo 6. 7. 8. 9. 10. 11. 12. 13.

First Day of Week

14. Choose the first day of the week. 15. 16.
17.