<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>
Motion for Vue:一个轻量级且功能强大的Vue3动画库
el-table利用:row-style="rowClass"设置指定行变色
一款免费开源效果酷炫的 Vue / React 大屏数据展示组件库——DataV
上面是“vuejs获取指定日期的那一周的开始、结束日期(从”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_101.html
workflows工作流
在地铁站里一个迷茫的非主流姑娘
一幅以霓虹灯照亮的城市天际线和未来主义画
穿着蘑菇帽的小蚂蚁探险家ComfyUI工作流
一张精心制作的熊岛复古地图ComfyUI工作流
一只白色的孔雀ComfyUI工作流
一朵染血的白玫瑰ComfyUI工作流
蝴蝶兰comfyui工作流
一位24岁的金发女海盗ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

2023年程序猿如何给自己开启一场烟花盛会
css3做一个风雨雷电天气动态图标
3d文字360度旋转
jquery鼠标滑过图片边框特效(jquery.focus-follow插件)
css3动画loading效果
一个包含老黄历、佛历、道历、星宿等数据的日历网站
利用js做一个炫酷音乐背景效果
利用CSS3代码编写45款按钮效果







