vue日历(农历)组件

vue日历(农历)组件,第1张

使用的vue技术栈

第三方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


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11434831.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存