根据最大时间和最小时间,限制时间选择器的选择时间范围
<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’,时分秒,让此刻生效。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
相关文章
暂无评论...