elementUI中时间控件,设置范围一个月的方法

<template>
  <el-date-picker
    style="width:260px;"
    V-model="timeRange"
    type="daterange"
    range-separator="
    value-format="yyyy-MM-dd"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    :picker-options="pickeroptions"
  ></el-date-picker>
</template>

  

<script>
  data() {
    return {
      selectDate: '',
      //日期选择范围在一个月内
      pickerOptions: {
        onPick: ({ maxDate, minDate }) => {
          this.selectDate = minDate.getTime()
          if (maxDate) {
            this.selectDate = ''
          }
        },
        disabledDate: (time) => {
          if (this.selectDate !== '') {
            const one = 30 * 24 * 3600 * 1000
            const minTime = this.selectDate - one
            const maxTime = this.selectDate + one
            return time.getTime() < minTime || time.getTime() > maxTime
          }
        }
      }
    }
</script>

  

posted @ 2024-11-12 15:49  张哲Zeo  阅读(550)  评论(0)    收藏  举报