vue项目使用dayjs

Posted 2023-04-22

参考技术A Day.js 是一个极简的 javascript 库，它解析、验证、操作和显示现代浏览器的日期和时间。 官网地址
下面简单介绍一下在vue项目i中如何使用dayjs，具体步骤如下所示:
第一步安装依赖

在main.js中引入dayjs，并将dayjs放到vue原型上

第三步在需要的处理时间的组件中使用dayjs

上面是将年月日和时分秒拆开写的，也可以一起处理，如下图:

这样就得到了我们想要的时间格式

vue日历（农历）组件

参考技术A 使用的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