纯js模仿windows系统日历

前端之家收集整理的这篇文章主要介绍了纯js模仿windows系统日历前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在网上看了几篇关于生成日历的js 教程于是自己也整理了一个想法思路 大家有什么建议欢迎提出

首先这个项目里面本人认为的几个难点:

1、如何定义每一个月的第一天位置

每个月的第一天都不是固定的星期几,所以第一天的输出需要动动脑筋把它放到对应的星期里面

2、每个月的最后一天有时候因为行数不够输出不了怎么办?

下面会有答案 ^_^

思路:

1、定义好每一个月份的日期天数

2、获取当前的系统日期初始化数据

3、输出日历

2.1、先获取当前月的第一天是星期几(这一点与日历的排版至关重要!) 2.2、获取当前月的天数 2.3、获取当前月有多少个星期(即要输出多少行 行数这里我会预留多一行) 2.4、获取当前年份和月份 用作显示

下面便是完整的代码

<Meta charset="UTF-8"> js 日历