用react手写一个简单的日历

文章预览

大厂技术    高级前端    Node进阶 点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 设计实现一个简单版本的日历。 支持定义日历的排放顺序，以周几作为开始 。如下图： 先看效果：https://rodchen-king.github.io/react-calendar/components/calendar 源代码：https://github.com/rodchen-king/react-calendar 设计（以最常用的按月份的日历） 日历其实大家都很熟悉，一切的设计都是从功能出发，这是根本。日历的功能分为两大块。 日历头部：当前年份/月份。 日历主体：当前月份的具体的日期信息。 日历主体的行数：现在我们看到的日历基本上为6行，因为一个月最多为31天，假设当前月的第一天为上一月最后一周的最后一天。如果是五行数据的话则只显示了29天，这也是为什么显示6行数据的原因。 功能点 日历初始渲染日期为当前月份 头部的左右滑动， ………………………………