时间选择器默认时间

111 阅读1分钟

在mian全局组件引入:

import dayjs from 'dayjs'

//添加原型属性 $dayjs 指向 dayjs

Vue.prototype.$dayjs = dayjs

        <el-form-item label="查询阶段">
          <el-date-picker
            v-model="pickValue"
            type="daterange"
            range-separator="至"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
          />
        </el-form-item>
        
         data() {
    return {
          pickValue: [],
          }
          }

  created() {
    this.initFormDate()
  },
    // 默认一周  包含今天
    initFormDate() {
      const now = new Date()
      const oneWeekAgo = now.getTime() - 7 * 24 * 3600 * 1000
      this.pickValue = [this.$dayjs(new Date(oneWeekAgo + 24 * 3600 * 1000)).format('YYYY-MM-DD'), this.$dayjs(now).format('YYYY-MM-DD')]
    },
    时间拼接
       this.searchParams.startDate = this.pickValue[0] + ' 00:00:00'
      this.searchParams.endDate = this.pickValue[1] + ' 23:59:59'