1、JS代码如下:
export default {
//获取今天、昨天、明天
getDate(dates) {
var dd = new Date();
var n = dates || 0;
dd.setDate(dd.getDate() + n);
var y = dd.getFullYear();
var m = dd.getMonth() + 1;
var d = dd.getDate();
m = m < 10 ? "0" + m : m;
d = d < 10 ? "0" + d : d;
var day = y + "-" + m + "-" + d;
return day;
},
//获取本周、上周、下周的起始、结束日期
getMonday(type, dates) {
var now = new Date();
var nowTime = now.getTime();
var day = now.getDay();
var longTime = 24 * 60 * 60 * 1000;
var n = longTime * 7 * (dates || 0);
if (type == "s") {
var dd = nowTime - (day - 1) * longTime + n;
};
if (type == "e") {
var dd = nowTime + (7 - day) * longTime + n;
};
dd = new Date(dd);
var y = dd.getFullYear();
var m = dd.getMonth() + 1;
var d = dd.getDate();
m = m < 10 ? "0" + m : m;
d = d < 10 ? "0" + d : d;
var day = y + "-" + m + "-" + d;
return day;
},
//获取本月、上月、下月的起始、结束日期
getMonth(type, months) {
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth() + 1;
if (Math.abs(months) > 12) {
months = months % 12;
};
if (months != 0) {
if (month + months > 12) {
year++;
month = (month + months) % 12;
} else if (month + months < 1) {
year--;
month = 12 + month + months;
} else {
month = month + months;
};
};
month = month < 10 ? "0" + month : month;
var date = d.getDate();
var firstday = year + "-" + month + "-" + "01";
var lastday = "";
if (month == "01" || month == "03" || month == "05" || month == "07" || month == "08" || month == "10" || month == "12") {
lastday = year + "-" + month + "-" + 31;
} else if (month == "02") {
if ((year % 4 == 0 && year % 100 != 0) || (year % 100 == 0 && year % 400 == 0)) {
lastday = year + "-" + month + "-" + 29;
} else {
lastday = year + "-" + month + "-" + 28;
};
} else {
lastday = year + "-" + month + "-" + 30;
};
var day = "";
if (type == "s") {
day = firstday;
} else {
day = lastday;
};
return day;
},
//获取今年、去年、明年的开始、结束日期
getYear(type, dates) {
var dd = new Date();
var n = dates || 0;
var year = dd.getFullYear() + Number(n);
if (type == "s") {
var day = year + "-01-01";
};
if (type == "e") {
var day = year + "-12-31";
};
if (!type) {
var day = year + "-01-01/" + year + "-12-31";
};
return day;
}
}
2、JS引用
import dateTime from "@/utils/dateTime";
3、JS代码执行
//当前项目用的是点击触发事件
clickDate(index) {
if (index === 0) {
this.date = [dateTime.getDate(0), dateTime.getDate(0)];
} else if (index === 1) {
this.date = [dateTime.getMonday("s", 0), dateTime.getMonday("e", 0)];
} else if (index === 2) {
this.date = [dateTime.getMonth("s", 0), dateTime.getMonth("e", 0)];
} else if (index === 3) {
this.date = [dateTime.getYear("s", 0), dateTime.getYear("e", 0)];
}
}
以上是编程学习网小编为您介绍的“vue获取今天、本周、本月、全年的区间时间”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vue获取今天、本周、本月、全年的区间时间
基础教程推荐
猜你喜欢
- 详解css3 Transition属性(平滑过渡菜单栏案例) 2024-01-22
- 详解从Vue-router到html5的pushState 2024-04-15
- CSS属性中Display与Visibility区别分析 2024-03-09
- div css 实现tabs标签的思路及示例代码 2024-01-04
- 使用 IntraWeb (28) - 基本控件之 TIWTemplateProcessorHTML、TIWLayoutMgrHTML、TIWLayoutMgrForm 2023-10-27
- CSS边框长度控制功能的实现 2024-04-03
- vue.js 编译作用域 2023-10-08
- jQuery.cookie.js使用方法及相关参数解释 2024-03-21
- 详解webpack-dev-server使用http-proxy解决跨域问题 2024-04-22
- 关于javascript模块加载技术的一些思考 2023-12-03