elementui 中的date-picker 時間限制設(shè)置,以及自帶按鈕此刻不生效問題

根據(jù)最大時間和最小時間,限制時間選擇器的選擇時間范圍

<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>

設(shè)置日期會讓自帶的此刻按鈕失效,解決方法是,最大日期添加' 23:59:59',時分秒,讓此刻生效。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容