element-ui 使用dayjs设置日期默认值

奋斗吧程序媛

已于 2023-09-20 15:21:17 修改

阅读量518

点赞数

文章标签： vue.js javascript

于 2023-09-20 15:19:56 首次发布

本文链接：https://blog.csdn.net/m0_67841039/article/details/133081741

版权

     <el-form-item label="时间" prop="dateRange">
        <el-date-picker
          v-model="queryParams.dateRange"
          type="daterange"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          size="small"
          class="margin-right-10"
        >
        </el-date-picker>
      </el-form-item>

mounted() {
    // 设置开始日期为前30天,结束日期是当前日期的上周五
    let startDate = this.getToday();
    let endDate = this.lastFriday();
    this.$set(this.queryParams, "dateRange", [startDate, endDate]);
  },

// 获取当前日期
    getToday() {
      let endDate = dayjs().startOf('year').format('YYYY-MM-DD')
      return endDate;
    },
 
    // 获取当前日期上周五的日期
    getThreeDaysAgo() {
      let startData = dayjs().add(-1,'week').startOf('week').add(5,'day')
      return startData;
    },

记得页面要引入 dayjs（import dayjs from 'dayjs'）