先上图

成都创新互联公司致力于互联网网站建设与网站营销，提供成都网站设计、做网站、成都外贸网站建设公司、网站开发、seo优化、网站排名、互联网营销、小程序开发、公众号商城、等建站开发，成都创新互联公司网站建设策划专家，为不同类型的客户提供良好的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。

功能：

1、上拉日历折叠，展示周

2、左右滑动切换月

2、“今天”回到今天；“+”添加日程

3、localStorage存储日程

index,html

　　

　　　　
　　　　

　　　　　　
　　　　　　

　　　　　　　　+
　　　　　　　　{{ currentYear }}-{{currentMonth}}
　　　　　　　　今天
　　　　　　
　　　　　　

　　　　　　
　　　　　　

　　　　　　　　
日
　　　　　　　　
一
　　　　　　　　
二
　　　　　　　　
三
　　　　　　　　
四
　　　　　　　　
五
　　　　　　　　
六
　　　　　　
　　　　　　
　　　　　　

　　　　　　　　
　　　　　　　　
 //移动端点击方法，可切换pc端点击方法，见下
　　　　　　　　　　
　　　　　　　　　　{{ day.getDate() }}
　　　　　　　　　　
　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　{{ day.getDate() }}
　　　　　　　　　　　　
　　　　　　　　　　　　{{ day.getDate() }}
　　　　　　　　　　
　　　　　　　　
　　　　　　　　
　　　　　　　　
 //pc端点击方法，可切换移动端点击方法，见上
　　　　　　　　　　{{ day.getDate() }}
　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　{{ day.getDate() }}
　　　　　　　　　　　　{{ day.getDate() }}
　　　　　　　　　　
　　　　　　　　
　　　　　　　　

　　　　　
　　
　　
　　

　　　　

　　　　　　返回
　　　　　　完成
　　　　
　　　　

　　　　　　
　　　　　　
　　　　　　
　　　　　　
　　　　　　
　　　　
　　　　

　　　　　　

　　　　　　　　

　　　　　　　　　　
X
　　　　　　　　　　

　　　　　　　　
　　　　　　　　

　　　　　　　　日
　　　　　　　　　　
　　　　　　　　
　　　　　　　　时
　　　　　　　　　　
　　　　　　　　
　　　　　　　　分
　　　　　　　　　　
　　　　　　　　
　　　　　　
　　　　
　　
　　
　　

　　　　

　　　　　　

　　　　　　　　{{item}}
　　　　　　
　　　　
　　　　

　　　　　　

　　　　　　　　

　　　　　　　　　　

　　　　　　　　　　
{{date.eventName}}
 
{{date.eventTime}}
　　　　　　　　　　

　　　　　　　　　　
{{date.eventInfo}}
　　　　　　　　　　

　　　　　　　　　　
{{date.eventRole}}
 
...
　　　　　　　　　　

　　　　　　　　　　

　　　　　　　　　　

　　　　　　　　　　　　
修改
　　　　　　　　　　　　
...
　　　　　　　　　　　　
...
　　　　　　　　　　　　
...
　　　　　　　　　　　　
...
　　　　　　　　　　
　　　　　　　　
　　　　　　
　　　　
　　
　　
　　

本文标题：vue日历/日程提醒/html5本地缓存功能-创新互联
文章出自：http://ybzwz.com/article/djsesg.html