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} `]    //設置只可選擇此刻之前的時間，此刻之后的時間禁選

        　　　　})(),

      　　}

　　}

}