el-date-picker周选择器获取选择的日期范围

javascript 复制代码
 <el-date-picker
          v-model="formData.date"
          type="week"
          format="yyyy 第 WW 周"
          placeholder="选择周"
          @change="weekChange"
        >
</el-date-picker>


// 方法一:
 weekChange(val) {
      let startTime = new Date(val.getTime()); //开始时间
      let endTime = new Date(val.getTime() + (24 * 60 * 60 * 1000) * 6); //结束时间
      let timeArr = [startTime.toISOString().slice(0, 10), endTime.toISOString().slice(0, 10)];
      console.log(timeArr)
    },
        
        
// 方法二:
  weekChange(val) {
      let timeStamp = val.getTime(); //标准时间转为时间戳,毫秒级别
      let startTimeStamp = this.getDateTime(timeStamp - 24 * 60 * 60 * 1000); //开始时间
      let endTimeStamp = this.getDateTime(timeStamp + (24 * 60 * 60 * 1000) * 5); //结束时间
      let timeArr = [startTimeStamp, endTimeStamp]
      console.log(timeArr)
    },
    getDateTime(dateTime) {
      var timeStamp = new Date(dateTime)
      var year = 1900 + timeStamp.getYear()
      var month = '0' + (timeStamp.getMonth() + 1)
      var date = '0' + timeStamp.getDate()
      return year + '-' + month.substring(month.length - 2, month.length) + '-' + date.substring(date.length - 2, date.length)
    } 
相关推荐
10年前端老司机26 分钟前
10道js经典面试题助你找到好工作
前端·javascript
codingandsleeping6 小时前
重读《你不知道的JavaScript》(上)- 作用域和闭包
前端·javascript
前端风云志8 小时前
TypeScript实用类型之Omit
javascript
烛阴8 小时前
Puppeteer入门指南:掌控浏览器,开启自动化新时代
前端·javascript
萌萌哒草头将军9 小时前
🚀🚀🚀 不要只知道 Vite 了,可以看看 Farm ,Rust 编写的快速且一致的打包工具
前端·vue.js·react.js
芝士加10 小时前
Playwright vs MidScene:自动化工具“双雄”谁更适合你?
前端·javascript
Carlos_sam11 小时前
OpenLayers:封装一个自定义罗盘控件
前端·javascript
前端南玖11 小时前
深入Vue3响应式:手写实现reactive与ref
前端·javascript·vue.js
Yueyanc12 小时前
LobeHub桌面应用的IPC通信方案解析
前端·javascript
不一样的少年_13 小时前
头像组件崩溃、乱序、加载失败?一套队列机制+多级兜底全搞定
前端·vue.js