如何用javascript制作年历

用javascript制作年历的方法：【function calendar(y){ var w = new Date(y,0).getDay(); var html = ”;for(m=1;m

本文操作环境：windows10系统、javascript 1.8.5、thinkpad t480电脑。

如果我们需要在网页中显示某个月的具体事项，常常需要使用到日历组件。日历组件通常有着很多现成的类库，那么我们该如何自己动手开发一个日历呢？下面为大家展示了一款非常经典的日历组件，一起来看看吧！

HTML：

nbsp;html>body{text-align:center;}.box{margin:0 auto;width:880px;}.title{background: #ccc;}table{height:200px;width:200px;font-size:12px;text-align:center;float:left;margin:10px;font-family:arial;}var year = parseInt(prompt('输入年份：','2019'));//制作弹窗document.write(calendar(year));//调用函数生成指定年份的年历

登录后复制

calendar.js

立即学习“Java免费学习笔记（深入）”；

function calendar(y){//获取指定年份1月1日的星期数值var w = new Date(y,0).getDay();var html = '
';//拼接每个月份的表格for(m=1;m';html += '' + y + '年' +m+' 月';html += '日一二三四五六'//获取每个月份共有多少天var max = new Date(y,m,0).getDate();html += '';//开始标签for (d=1;d ';}html += '' +d+ '';if(w == 6 && d != max){//如果星期六不是该月的最后一天，则换行html += '';}else if(d==max){//该月的最后一天，闭合标签html += '';}w = (w+1>6) ? 0 : w+1;}html += '';}html += '
';return html;}

登录后复制

最终实现效果：

推荐学习：javascript视频教程

以上就是如何用javascript制作年历的详细内容，更多请关注【创想鸟】其它相关文章！