一起学写js Calender日历控件_javascript技巧
程序员文章站
2022-03-27 13:15:16
...
最近看了一下关于js日期的一些函数,突然想到了日历控件,于是试着写了一个,作为后台程序员的我水平有限,大家抱着学习的态度看看我写的这个例子吧,一起学习进步!
首先一个常用的日期函数:
Date(year,month,day)
var date=new Date();
获取年份
var year=this.date.getFullYear();
获取月份,这里是月索引所以要+1
var month=this.date.getMonth()+1;
获取当天是几号
var day=this.date.getDate();
获取当天是周几,返回0.周日 1.周一 2.周二 3.周三 4.周四 5.周五 6.周六
var week=this.date.getDay();
获取当月一号是周几
var getWeekDay=function(year,month,day){ var date=new Date(year,month,day); return date.getDay(); } var weekstart= getWeekDay(this.year, this.month-1, 1)
获取当月的天数
var getMonthDays=function(year,month){ var date=new Date(year,month,0); return date.getDate(); } var monthdays= this.getMonthDays(this.year,this.month);
好了,我们用到的参数就这么多,后面其实就是关于日期对应周几的一些操作和判断,动态的拼接标签,下面就直接把我写的例子发出来:
效果图:
代码重新做了改动,将视图的table换为了div,是为了解决IE的tableinnerHTML的只读问题。另外加了options是为了可配置性。
上面代码有简单说明,功能是最基础的,如果更深入的做可以进行扩展,希望这篇文章可以给大家一些启发。
上一篇: PHP的邮箱发送
下一篇: php实现生出随机字符串的代码分享
推荐阅读
-
一起学写js Calender日历控件
-
自己使用js/jquery写的一个定制对话框控件_javascript技巧
-
修改js Calendar日历控件 兼容IE9/谷歌/火狐_javascript技巧
-
js Calender控件使用详解_javascript技巧
-
自己使用js/jquery写的一个定制对话框控件_javascript技巧
-
js Calender控件使用详解_javascript技巧
-
JS日期和时间选择控件升级版(自写)_javascript技巧
-
修改js Calendar日历控件 兼容IE9/谷歌/火狐_javascript技巧
-
用JS写的一个TableView控件代码_javascript技巧
-
左侧是表头的JS表格控件(自写,网上没有的)_javascript技巧