如何用element DateTimePicker实现时分秒的选择控制,只允许在一定时间范围才让选择?
正常插件在点击触发显示前,和选择日期确定后都会提供回调方法,你查下有没有相关的文档,尝试下
<el-date-picker type="datetime" placeholder="选择日期" v-model="form.date1" @change="handchangeDate" :picker-options="pickerOptions"></el-date-picker>
handchangeDate() {//当前时间10分钟后
var startAt = new Date(this.form.date1) * 1000 / 1000;
if (startAt < Date.now()) {
this.form.date1 = new Date() * 1 + 600 * 1000;
}
},
这个能强制控制时分秒显示范围,控制不了禁止选择的范围(就是说选择了范围之外的,也会显示范围之内的)
<el-date-picker v-model="form.regDateBeg" type="date" value-format="yyyy-MM-dd" placeholder="日期"></el-date-picker>
当然可以的: