One Hundred Years of Solitude

扬帆,启航!

原生js仿博客园日历

仿博客园日历 – 先上一张效果图

《原生js仿博客园日历》

首先引入日期时间库“date-common.js下载地址:https://github.com/shufei021/date

date-commonJS传送门文档说明

* 该日历用table布局
* 实现了上一月和下一月的点击渲染效果
* 实现了当前日期的高亮
* 实现了显示月份所有日期高亮

* 用到了日期格式化方法dateFormat()
* 跟据日期获取星期方法getWeek()
* 获取加减月数后的日期方法getBeAfDateByMonth()
* 根据日期获取日期所在月的总共天数getMaxDayOfDate()

* 难点:
* 本月日期
* 上一月日期
* 下一月日期

html

css

js

完整代码

点赞

发表评论

电子邮件地址不会被公开。