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 方法格式化成指定的格式。

 

参考 文章地址