vue实现日历组件

基于VUE实现日历组件，供大家参考，具体内容如下

年和月份是使用输入框来切换的，没有做成选择框，⬅️和➡️切换月份，红色选取是选取的日期
实现思路和网上的大多数一样，首先是把月份的天数存进一个数组，

monthDay:[31,'',31,30,31,30,31,31,30,31,30,31],

由于二月的天数是不确定的，所以就先设置为空

然后去求选择的月份的第一天是星期几，通过 Date.getDay()函数，这个函数有一个注意事项，就是如果是星期天，他会返回0，这需要我们自己去处理一下

图中，2019年1月1号是星期二，所以前面就要给它一个空格块
下面代码中第一层循环就是在循环空格块，spaceDay表示需要几个空格

{{item}}

下面贴出完整代码

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。