首页 > 其他 > 详细

el-time-picker 自定义选择时间范围

时间:2021-09-03 22:40:07      阅读:22      评论:0      收藏:0      [点我收藏+]
<el-time-picker
          v-model="clostTime"
          :editable="false"
          :clearable=‘false‘
          format="HH:mm"
          default-value=‘‘
          :picker-options="pickerOptions2"
          placeholder="请选择关闭时间">
 </el-time-picker>
 
在data的pickerOptions2中设置时间的选择范围
 
data(){
  return{  
    pickerOptions2:{
            selectableRange:(()=>{
                let data=new Date();
                let hour=data.getHours();
                let minute=data.getMinutes();
                let second=data.getSeconds();
                return [`0:00:00 - ${hour}:${minute}:${second} `]   //设置只可选择此刻之前的时间,此刻之后的时间禁选
            })(),
        }
  }
}

el-time-picker 自定义选择时间范围

原文:https://www.cnblogs.com/dqpz/p/15223180.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!