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

 

 

 <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)
    } 

最近更新

  1. TCP协议是安全的吗?

    2023-12-26 06:50:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-26 06:50:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-26 06:50:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-26 06:50:03       20 阅读

热门阅读

  1. c语言之求出某年某月的天数

    2023-12-26 06:50:03       40 阅读
  2. 【云原生、k8s】管理Kubernetes应用搭建与部署

    2023-12-26 06:50:03       40 阅读
  3. 解析电商模式:新时代智慧型商家的成长之路

    2023-12-26 06:50:03       39 阅读
  4. 内网离线搭建之----kafka集群

    2023-12-26 06:50:03       28 阅读
  5. c语言-结构体

    2023-12-26 06:50:03       41 阅读
  6. 微信小程序面试题

    2023-12-26 06:50:03       35 阅读