element-ui/plus使用el-date-picker周选择器返回时间范围处理案例

2024/10/23 21:32:29 来源：https://blog.csdn.net/weixin_44255044/article/details/140961687 浏览: 次关键词：element-ui/plus使用el-date-picker周选择器返回时间范围处理案例

element-ui/plus使用el-date-picker周选择器返回时间范围处理案例

如图所示
在这里插入图片描述

 <el-date-picker@change="changeTime":picker-options="{ firstDayOfWeek: 1 }"v-model="value1"type="week"format="YYYY年 第ww周"placeholder="Pick a week"/>// jsconst startTimeStamp = ref('')
const endTimeStamp = ref('')
const timeFun = (unixtimestamp) => {const date = new Date(unixtimestamp)date.setDate(date.getDate() + 1) // 加一天const year = date.getFullYear()const month = ('0' + (date.getMonth() + 1)).slice(-2)const day = ('0' + date.getDate()).slice(-2)return `${year}-${month}-${day}`
}const changeTime = (val) => {if (val) {let timeStamp = val.getTime()const oneDay = 24 * 60 * 60 * 1000startTimeStamp.value = timeFun(timeStamp - oneDay)endTimeStamp.value = timeFun(timeStamp + oneDay * 5)console.log(startTimeStamp.value, endTimeStamp.value)}
}