vue项目使用dayjs

作者: adm 分类: vue 发布时间: 2023-04-13

下面简单介绍一下在vue项目i中如何使用dayjs,具体步骤如下所示:
第一步安装依赖

npm install dayjs –save
在main.js中引入dayjs,并将dayjs放到vue原型上

var dayjs = require(‘dayjs’);
Vue.prototype.dayjs = dayjs
第三步在需要的处理时间的组件中使用dayjs

// 编辑合同签署日期的change事件
editContractbeginTimeChange(val) {
console.log(val); //Wed Dec 14 2022 00:00:00 GMT+0800 (中国标准时间) 需要处理的时间
const beginDate= this.dayjs(val).format(“YYYY-MM-DD”);//处理年月日
console.log(beginTime); //2022-12-14 dayjs处理后的时间格式
const beginTime = this.dayjs(val).format(“HH:mm:ss”);//处理时分秒
},

element写法


formatDate(val){
return dayjs(val).format(“YYYY-MM-DD”);
}

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!