elementui 中的date-picker 时间限制设置,以及自带按钮此刻不生效问题

随笔8个月前发布 追梦赤子心
159 0 0

根据最大时间和最小时间,限制时间选择器的选择时间范围

<template>
...
  <el-date-picker
    v-model="endTime"
    type="datetime"
    size="small"
    value-format="yyyy-MM-dd HH:mm:ss"
    :picker-options="{ disabledDate }"
    placeholder="开始时间"
/>
...
</template>

<script>
import Moment from 'moment'
export default {
  props: {
    ...
    minTime: {
      type: String,
      default: ''
    },
    maxTime: {
      type: String,
      default: ''
    }
  },
...
  methods: {
    disabledDate(time) {
      if (this.minTime && this.maxTime) {
      // 最大日期后添加' 23:59:59',是为了让按钮'此刻'生效
        return time.getTime() < new Date(this.minTime + ' 00:00:00') ||
          time.getTime() > new Date(this.maxTime + ' 23:59:59')
      } else {
        return false
      }
    },
}
</script>

设置日期会让自带的此刻按钮失效,解决方法是,最大日期添加’ 23:59:59’,时分秒,让此刻生效。

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...