第三方UI库为vant
在项目中安装轻量日期转换依赖 dayjs 功能等同 moment 但是体量更小,更轻
具体用法可参考 https://www.cnblogs.com/cjrfan/p/9154539.html
commons 文件夹下新建一个 lunarDay.js
commons 文件夹下新建一个 date.js
在页面中引用方法 import { formatDate } from "@/commons/date"
vant中的日历组件van-calendar 初始化数据中引用 formatter
https://github.com/fushaoyu/Calendar
npm i --save f-calendar
配置:
默认选中日期只需要传入日就可以年和月是不需要的。
如: [24, 27, 1, 30, 25, 11, 5, 4, 3, 9, 29, 18]
最近好不容易闲了下来,把之前写的vue的日历总结一下,贴出来,过程中深刻的理解到做事情一定要趁热打铁,速战速决,不要拖拖拉拉,否则不仅仅是自己就忘记了,而且很影响效率。不过重要的还是好记性不如烂笔头,写过的东西一定要记下来。
其中的moment.js为js的日期处理类库详情请看 moment.js 官网
注释:
Demo
fc will dispatch some events out.
You will be able to register your own stuff by using slots
最后需要改写一个大神,封装好了的,我只是拿来用加以修改,详情请看下文。
vue-fullCalendar.vue
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)