其他分享
首页 > 其他分享> > element-ui DateTimePicker设置只能选择当前时间之前或之后的时间

element-ui DateTimePicker设置只能选择当前时间之前或之后的时间

作者:互联网

picker-options 当前时间日期选择器特有的选项

<el-date-picker
	v-model="item.endYear"
    :picker-options="pickerOptions"
    type="datetime"
    >
</el-date-picker>

:picker-options=“pickerOptions” 是限制选择时间的属性

data() {
    // 这里存放数据
    return {
      pickerOptions:{
          disabledDate (time) {
            //disabledDate 文档上:设置禁用状态,参数为当前日期,要求返回 Boolean
            return time.getTime() > Date.now()//选当前时间之前的时间
            //return time.getTime() < Date.now()//选当前时间之后的时间
          }
      },
    }
  }

效果如下图:
在这里插入图片描述

标签:picker,return,getTime,element,时间,当前,time,ui,DateTimePicker
来源: https://blog.csdn.net/jslong66/article/details/113717653