一、安装依赖
npm install moment --save
二、按需引入
import moment from "moment";
三、封装time.js时间组件
// 引入 moment 时间插件
import moment from "moment";
//获取今日/昨日/本周/上周/本月/上月 时间
export default {
// 获取今日的开始结束时间
getToday() {
let obj = {
starttime: '',
endtime: ''
}
obj.starttime = moment(moment().startOf("day").valueOf()).format("YYYY-MM-DD HH:mm:ss");
obj.endtime = moment(moment().valueOf()).format("YYYY-MM-DD HH:mm:ss");
return obj
},
// 获取昨日的开始结束时间
getYesterday() {
let obj = {
starttime: '',
endtime: ''
}
obj.starttime = moment(moment().add(-1, 'days').startOf("day").valueOf()).format("YYYY-MM-DD HH:mm:ss");
obj.endtime = moment(moment().add(-1, 'days').endOf('day').valueOf()).format('YYYY-MM-DD HH:mm:ss');
return obj
},
// 获取当前周的开始结束时间
getCurrWeekDays() {
let obj = {
starttime: '',
endtime: ''
}
obj.starttime = moment(moment().week(moment().week()).startOf('week').add(1, 'days').valueOf()).format('YYYY-MM-DD HH:mm:ss')
obj.endtime = moment(moment().week(moment().week()).endOf('week').add(1, 'days').valueOf()).format('YYYY-MM-DD HH:mm:ss');
return obj
},
// 获取上一周的开始结束时间
getLastWeekDays() {
let obj = {
starttime: '',
endtime: ''
}
obj.starttime = moment(moment().week(moment().week() - 1).startOf('week').add(1, 'days').valueOf()).format('YYYY-MM-DD HH:mm:ss')
obj.endtime = moment(moment().week(moment().week() - 1).endOf('week').add(1, 'days').valueOf()).format('YYYY-MM-DD HH:mm:ss');
return obj
},
// 获取当前月的开始结束时间
getCurrMonthDays() {
let obj = {
starttime: '',
endtime: ''
}
obj.starttime = moment(moment().month(moment().month()).startOf('month').valueOf()).format('YYYY-MM-DD HH:mm:ss');
obj.endtime = moment(moment().month(moment().month()).endOf('month').valueOf()).format('YYYY-MM-DD HH:mm:ss');
return obj
},
// 获取上一个月的开始结束时间
getLastMonthDays() {
let obj = {
starttime: '',
endtime: ''
}
obj.starttime = moment(moment().month(moment().month() - 1).startOf('month').valueOf()).format('YYYY-MM-DD HH:mm:ss');
obj.endtime = moment(moment().month(moment().month() - 1).endOf('month').valueOf()).format('YYYY-MM-DD HH:mm:ss');
return obj
},
}
四、引入js,测试数据
import getDate from "../utils/time";
created() {
// 今日开始时间
let endtime = getDate.getToday().endtime;
//今日结束时间
let starttime = getDate.getToday().starttime;
console.log("获取时间今日时间");
console.log(getDate.getToday());
console.log(starttime);
}
以上是编程学习网小编为您介绍的“vuejs通过moment获取今日,昨日,上周,下周,上个”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:vuejs通过moment获取今日,昨日,上周,下周,上个
基础教程推荐
猜你喜欢
- 14款经典网页图片和文字特效的jQuery插件-前端开发必备 2024-01-16
- js获取浏览器的各种属性 2023-12-27
- 验证使用VMware HTML Console SDK--Nginx集成Vcenter 6.X HTML Console系列之 2--(共4) 2023-10-27
- JavaScript 选中文字并响应获取的实现代码 2023-12-28
- CSS background image设置:如何为网站增添一份独特美感 2023-10-08
- 如何通过php在mysql中插入特殊字符并在html页面上显示 2023-10-26
- 关于 vue.js:在 weex 中初始化一个全局 mixin 2022-09-16
- CSS 实现鼠标放在上面时整行变色效果 2023-12-21
- Web前端之vuex基础 2023-10-08
- 微信小程序开发注意指南和优化实践(小结) 2024-01-17
