javascript-简单日历实现和日期对象语法介绍(附图)

知识点：主要是日期对象的使用。(以下介绍来自互联网。)创建Date对象的语法：var my date=newdate()日期对象将自动保存当前日期和时间作为其初始值。参数有五种类型：新日期('月日，年日hh :mm 3360s ')；新日期('年月日')；新日期(年、月、日、时、分、秒)；新日期(年、月、日)；新日期(毫秒)；请注意，在：的最后一种形式中，参数指示要创建的时间和格林尼治时间(1970年1月1日)之间的毫秒数。参数含义如下：month:用英文表示月份名称，月从1月到12月mth:表示月从1月到12月的一天，dd:表示月的一天，年hh:小时从1到31 yyyy:表示四位数字。从0(午夜)到23(晚上11:00)mm :分钟，从0到59整数ss:秒，从0到59整数ms:毫秒，方法： getDate()是一个大于或等于0的整数Date对象，它从Date对象返回一个月中的一天(1 ~ 31)。GetDay()从Date对象返回一周中的某一天(0 ~ 6)。GetMonth()从Date对象返回月份(0 ~ 11)。GetFullYear()从Date对象返回四位数的年份。请改用getFullYear()方法。GetHours()返回Date对象的小时(0 ~ 23)。GetMinutes()返回Date对象的分钟数(0 ~ 59)。GetSeconds()返回Date对象的秒数(0 ~ 59)。get毫秒()返回日期对象的毫秒数(0 ~ 999)。GetTime()返回自1970年1月1日以来的毫秒数。GetTimezoneOffset()返回本地时间和格林威治标准时间(GMT)之间的分钟差。GetUTCDate()根据世界时从Date对象返回一个月中的某一天(1 ~ 31)。GetUTCDay()根据世界时从Date对象返回一周中的某一天(0 ~ 6)。Getutcmon()根据世界时从Date对象返回月份(0 ~ 11)。GetUTCFullYear()根据世界时从Date对象返回一个四位数的年份。GetUTCHours()根据世界时返回Date对象的小时(0 ~ 23)。GetUTCMinutes()根据世界时返回Date对象的分钟数(0 ~ 59)。GetUTCSeconds()根据世界时返回Date对象的秒数(0 ~ 59)。getutcmails()根据世界时返回Date对象的毫秒数(0 ~ 999)。Parse()返回从1970年1月1日午夜到指定日期(字符串)之间的毫秒数。SetDate()在Date对象中设置一个月中的第(1 ~ 31)天。SetMonth()在Date对象中设置月份(0 ~ 11)。SetFullYear()在Date对象中设置年份(四位数)。请改用setFullYear()方法。SetHours()在Date对象中设置小时(0 ~ 23)。SetMinutes()设置Date对象中的分钟数(0 ~ 59)。SetSeconds()在Date对象中设置秒(0 ~ 59)。设置日期对象中的毫秒数(0 ~ 999)。SetTime()以毫秒为单位设置Date对象。SetUTCDate()根据世界时在Date对象中设置一个月中的第(1 ~ 31)天。SetUTCMonth()根据世界时设置Date对象中的月份(0 ~ 11)。SetUTCFullYear()根据世界时设置Date对象中的年份(四位数)。SetUTCHours()根据世界时设置Date对象中的小时(0 ~ 23)。SetUTCMinutes()根据世界时设置Date对象中的分钟数(0 ~ 59)。SetUTCSeconds()根据世界时设置Date对象中的秒(0 ~ 59)。setutcmails()根据世界时在Date对象中设置毫秒(0 ~ 999)。ToSource()返回对象的源代码。ToString()将日期对象转换为字符串。ToTimeString()将Date对象的时间部分转换为字符串。ToDateString()将日期对象的日期部分转换为字符串。请改用ToGMTString()方法。1touchstring()根据世界时将Date对象转换为字符串。ToLocaleString()根据本地时间格式将Date对象转换为字符串。ToLocaleTimeString()根据本地时间格式将Date对象的时间部分转换为字符串。ToLocaleDateString()根据本地时间格式将日期对象的日期部分转换为字符串。

UTC()根据世界时返回从1997年1月1日到指定日期的毫秒数。ValueOf()返回日期对象的原始值。var objDate=新日期([参数列表])；简单日历实现：效果：

代码：复制代码代码如下：样式#日历{ font-size : 12px} #日历t body TD { background : # 033 color : # fff文本对齐：中心；padding: 2px }。细节{ text-align :居中；}/样式测试值：输入id=' calendar _ value ' name=' type=' text '/br/按钮id='cal_prev '上一月/button button id='cal_next '下一月/button button id=' cal _ prie ear '上一年/button button id='cal_nextyear '下一年/button button id='cal_today '今天/button div id=' calendar ' style=' position : absolute；/div脚本var日历=函数(年、月、父项){ this。年份=年份；父母=父母。monthNum=monthNum-1；函数islapayear(y){ return(y0)！(y%4)((y0)||！(y @ 0))；} this.numDays=[31，IsLapyear(this。年份)？29:28，31，30，31，30，31，31，30，31，30，30，31][这个。monthnum]；this.weekDays=['日','一','二','三','四','五','六'];这个。现在日期=新日期；这个。init()；}日历。prototype={ setmonthnum : function(monthNum){ this。monthNum=monthNum-1；}，getmonthnum :函数(){返回此。1个月；}，setyearneum :函数(年){ this。年份=年份；}，GetReneurum : FuncTion(){返回此。年份；}，init :函数(){ this。设置(这个。父母)；}，刷新：函数(){ this。设置(这个。父母)；}，设置：函数(id){ var date=this。现在日期；var cal=文档。getelementbyid(id)；cal . innerHTMl=var CAlDiv=document。创建元素(' div ')；var tab=文档。创建元素(“表”)；加州append child(CalDiv)；卡尔迪夫。innerhtml=this。getsummary()；cal.appendChild(制表符);卡尔迪夫。类名=' detail '这个。文档。创建元素(' thead ')；这个。t body=文档。创建元素(' t body ')；这个。tfoot=文档。创建元素(' tfoot ')；这个。tr=文档。创建元素(' tr ')；这个。TD=文档。创建元素(' TD ')；选项卡。appendchild(这个。thead)；选项卡。appendchild(这个。t体)；这个。sethead()；这个。create()；}，sethead : function(){ var day=this。工作日；var tr=this.tr.cloneNode(真);这个。thead。append child(tr)；for(var I=0；i7；i ){ var td=this.td.cloneNode(真);tr。appendchild道明。innerHTMl=天[I]；} }，创建：函数(){ var day=new Date(这。年，今年，1)；var tr=this.tr.cloneNode(真);var dayCount=this.numDays变量=这个；那个。t型车身。append child(tr)；for(var j=0；jday。GetDay()；j ){ var td=that.td.cloneNode(真);tr。appendchildTD . innerhtml=} for(var I=1；I=天数；I){ if((j I)% 7-1==0){ tr=那个。tr。克隆诺得(真)；那个。t型车身。append child(tr)；} var TD=那个。道明。克隆诺得(真)；var s=I；如果。现在约会。getdate()){ s=' font color=' red ' ' I '/font '；} TD。InnerHTML=s；td.style.cursor="指针";道明。onclick=function(){ document。getelementbyid(' calendar _ value ').值=(即。getverenam()'/'表示。getmonthnum()“/”此。innerhtml)} TD。onmouseover=function(){ this。风格。背景=' # fff这个。风格。color=' # 033 ' } TD。onmouseout=function(){ this。风格。背景=' '；这个。风格。color=' # fff ' } tr。appendchild} }，getsummary :函数(){ var date=this。现在日期；今年回来年(this.monthNum 1)月' date.getDate()'日；} } var cal=新日历(2013，5，' Calendar ')；加州init()；文件。getelementbyid(' cal _ prev ').onclick=function(){ cal。monthnum-；if(cal。getmonthnum)(1){ cal。狗尾草(12)；加州年份-；} cal。刷新()；}文档。getelementbyid(' cal _ next ').onclick=function(){ cal。每月如果(cal。getmonthnum)(12){ cal。狗尾草(1)；cal.year} cal。刷新()；}文档。getelementbyid(' cal _ today ').onclick=function(){ cal。设置朝思暮想((新日期)).getFullYear())；cal.setMonthNum((新日期)。getMonth()1)cal。刷新()；}文档。getelementbyid(' cal _ prey ear ').onclick=function(){ cal。setverenam(cal。getverenam()-1)；加州refresh()；}文档。getelementbyid(' cal _ next year ').onclick=function(){ cal。setverneum(cal。getverneum；加州refresh()；}/脚本总结：以上代码未加注释，写得有点急。以后再整理一下，许多功能未实现。