<script>
export default {
data() {
return {
weekFormat: ""
};
},
mounted() {
console.log(this.getWeekStartAndEnd("2021-5-25"));
},
methods: {
// 日期格式化
formatDate(date) {
var myyear = date.getFullYear();
var mymonth = date.getMonth() + 1;
var myweekday = date.getDate();
if (mymonth < 10) {
mymonth = "0" + mymonth;
}
if (myweekday < 10) {
myweekday = "0" + myweekday;
}
return mymonth + "." + myweekday;
},
// 获取指定日期的那一周的开始、结束日期
getWeekStartAndEnd(val) {
let now = "";
if (val) {
now = new Date(val); // 日期
} else {
now = new Date(); // 日期
}
let nowDayOfWeek = now.getDay(); // 本周的第几天
let nowDay = now.getDate(); // 当前日
let nowMonth = now.getMonth(); // 当前月
let nowYear = now.getYear(); // 当前年
let weekStart = this.getWeekStartDate(
nowYear,
nowMonth,
nowDay,
nowDayOfWeek
);
let weekEnd = this.getWeekEndDate(
nowYear,
nowMonth,
nowDay,
nowDayOfWeek
);
this.weekFormat = weekStart + "~" + weekEnd;
console.log("weekFormat", this.weekFormat);
},
// 获得某一周的开始日期
getWeekStartDate(nowYear, nowMonth, nowDay, nowDayOfWeek) {
let weekStartDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek);
return this.formatDate(weekStartDate);
},
// 获得某一周的结束日期
getWeekEndDate(nowYear, nowMonth, nowDay, nowDayOfWeek) {
let weekEndDate = new Date(
nowYear,
nowMonth,
nowDay + (6 - nowDayOfWeek)
);
return this.formatDate(weekEndDate);
}
}
};
</script>
以上是编程学习网小编为您介绍的“vuejs获取指定日期的那一周的开始、结束日期(从”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vuejs获取指定日期的那一周的开始、结束日期(从
基础教程推荐
猜你喜欢
- vue中配置mint-ui报css错误问题的解决方法 2023-12-22
- 通过纯CSS样式实现DIV元素中多行文本超长自动省略号 2024-04-07
- input file上传 图片预览功能实例代码 2024-01-08
- echart在微信小程序的使用简单示例 2023-12-22
- 关于ajax网络请求的封装实例 2023-01-20
- 自己实现string的substring方法 人民币小写转大写,数字反转,正则优化 2024-04-07
- python Pillow图像降噪处理颜色处理 2024-03-09
- 详解CSS中的z-index属性在层叠布局中的用法 2024-01-24
- 详解filter与fixed冲突的原因及解决方案 2023-12-22
- js实现文字选中分享功能 2024-01-09