日期范围选择器限定当年内

2023-02-22  本文已影响0人  coderfl
<template>
  <div>
    <el-date-picker
        v-model="value1"
        :picker-options="pickerOptions"
        type="daterange"/>
  </div>
</template>

<script>
// eslint-disable-next-line no-unused-vars
let MD = null
export default {
  name: "App",
  data() {
    return {
      value1: [],
      pickerOptions: {
        onPick({ maxDate, minDate }) {
          MD = maxDate === null ? minDate : null
        },
        disabledDate(time) {
          if (MD) {
            const year = new Date(MD).getFullYear()
            return new Date(time).getFullYear() !== year
          }
        }
      }
    }
  },
}
</script>
上一篇 下一篇

猜你喜欢

热点阅读