日历的功能,我们会经常用到,且逻辑比较复杂,小算法较多,花了半天时间写了个,特此详记。
先贴图
功能阐述:返回本月不多说,设置工作日和节假日是为了公司制度需要,后台会有假日表来记录。
为了适应于vue框架,很多jquery的方法用不上,例如addClass及removeClass,所以可能某些地方做的比较繁琐。
{{ currentYear }} 年 {{ currentMonth }} 月
- 一
- 二
- 三
- 四
- 五
- 六
- 日
- {{ day.getDate() }} {{ day.getDate() }} {{ day.getDate() }}
返回本月 设置为节假日 设置为工作日 取消
以上就是用vue设计一个日历表的详细内容,更多关于vue 日历的资料请关注其它相关文章!