本篇文章主要介绍了原生JS实现日历组件的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

想要实现的效果 点击日期选择框出现日历 有个日期控制栏帮助选择日期， 包括年、月、日的选择和今天 日历格子，初次点击日期选择框时显示此刻的日期，日历格子的日期应该包括这个月的所有天数，同时如果当月的1号不是周日，还应补全从周日到1号的天数。还要在这个月最后1号的后面补全到周六。 日期控制栏和日历格子的日期还有选择框里的日期的变化要是同步的。 实现思路 为了组件的可复用性，需要用面向对象的思想。 每个日历组件都是一个日历对象，主要包括日期选择框，日期控制显示栏，还有日历格子，为了