根據(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',時分秒,讓此刻生效。