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

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

<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',时分秒,让此刻生效。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容