vue项目使用dayjs
下面简单介绍一下在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(scope.row.pushTime)}}
formatDate(val){
return dayjs(val).format(“YYYY-MM-DD”);
}