一、安装依赖
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 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_105.html
workflows工作流
一只可爱的毛茸茸的猫ComfyUI工作流
一个漂亮的混血女孩ComfyUI工作流
沙漠里美丽的图阿雷格女孩ComfyUI工作流
强大的长袍法师ComfyUI工作流
爱因斯坦在做实验3d动漫ComfyUI工作流
一个外国人在吹奏萨克斯ComfyUI工作流
沙漠里一只红黑相间的蝎子
一盒用五颜六色的食材烹制的热气腾腾的寿司
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

在线生成金属文字
css3+js菜单点击动态效果
3d文字360度旋转
用canvas实现画板涂鸦效果
css3结合svg做一个动态广告
js+css3做一个灯泡开灯关灯效果
SVG路径动画效果
canvas经线动画走到效果











