ant design vue 獲取一周的起止時間並回顯

項目中遇到了選擇日期獲取當前日期一周的周一和周日的日期，如下：

 

  第一時間想到  DatePicker 中的 WeekPicker 組件

引入組件，編寫相關代碼如下：

1

<template>

<a-week-picker  placeholder="Select week" @change="handleWeekChange" />

</tempalte>

2 methods 方法中

methods: {

handleWeekChange = weekData => {
　　const startDate = moment(weekData).day(1).format('YYYY/MM/DD (dddd)'); // 周一日期
　　const endDate = moment(weekData).day(7).format('YYYY/MM/DD (dddd)'); // 周日日期
　　console.log(startDate, endDate);
}

}

moment(date).day(1) 代表指定日期所在周的星期一的日期，

moment(date).day(7) 代表指定日期所在周的星期日的日期，

並且通過 format 方法格式化成指定的格式。

 

參考 文章地址