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

<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 自定义选择时间范围

上一篇:kubebuilder实战之八:知识点小记


下一篇:Photoshop打造简单的迎春梅花