Day.js 是一个极简的 JavaScript 库,它解析、验证、操作和显示现代浏览器的日期和时间。官网地址
下面简单介绍一下在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");//处理时分秒
},
上面是将年月日和时分秒拆开写的,也可以一起处理,如下图:
this.dayjs(val).format("YYYY-MM-DD HH:mm:ss");//这样处理之后就得到了形如 2022-02-10 14:44:30 这种格式的时间
这样就得到了我们想要的时间格式
获取星期:
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六"
)[new Date().getDay()],