美文网首页
日期范围选择器限定当年内

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

作者: coderfl | 来源:发表于2023-02-22 15:04 被阅读0次
  • 功能:
  • 日期范围选择器第一个日期选中后,第二个日期只能选择当年内
<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>

相关文章

网友评论

      本文标题:日期范围选择器限定当年内

      本文链接:https://www.haomeiwen.com/subject/bvyakdtx.html