一起学写js Calender日历控件

前端之家收集整理的这篇文章主要介绍了一起学写js Calender日历控件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近看了一下关于js日期的一些函数,突然想到了日历控件,于是试着写了一个,作为后台程序员的我水平有限,大家抱着学习的态度看看我写的这个例子吧,一起学习进步!@H_403_1@

首先一个常用的日期函数:@H_403_1@

Date(year,month,day)@H_403_1@

var date=new Date();@H_403_1@

获取年份

@H_403_1@

var year=this.date.getFullYear();@H_403_1@

获取月份,这里是月索引所以要+1

@H_403_1@

var month=this.date.getMonth()+1;@H_403_1@

获取当天是几号

@H_403_1@

var day=this.date.getDate();@H_403_1@

获取当天是周几,返回0.周日 1.周一 2.周二 3.周三 4.周四 5.周五 6.周六

@H_403_1@

var week=this.date.getDay();@H_403_1@

获取当月一号是周几

@H_403_1@
   var weekstart= getWeekDay(this.year,this.month-1,1)

获取当月的天数@H_403_1@

好了,我们用到的参数就这么多,后面其实就是关于日期对应周几的一些操作和判断,动态的拼接标签,下面就直接把我写的例子发出来: @H_403_1@

效果图:@H_403_1@

@H_403_1@@H_403_1@

<Meta http-equiv="content-type" content="text/html;charset=utf-8">

代码重新做了改动,将视图的table换为了div,是为了解决IE的tableinnerHTML的只读问题。另外加了options是为了可配置性。 上面代码有简单说明,功能是最基础的,如果更深入的做可以进行扩展,希望这篇文章可以给大家一些启发。@H_403_1@

猜你在找的JavaScript相关文章