vuepicker-options限制⽇期时间选择器可选范围(动态)⽇期时间选择器 <el-date-picker
v-model="value2"
type="datetime"
@change="choose"
:picker-options="pickerOptions"
placeholder="请选择开始时间">
</el-date-picker>
在 data 中定义⼀个 pickerOptions
要求:不可选择当前⽇期之前的⽇期
在 created() 中调⽤该⽅法,即初始化时触发
datatimestatus(){
this.pickerOptions.disabledDate=(time)=>{
// ⼀天
let tempTime =3600*1000*24
Time()<new Date()-tempTime
}
mcpd当前时间 ⼗⽉⼆⼗六⽇
效果:
要求可选范围在⼀个⽉内(30天)
this.pickerOptions.disabledDate=(time)=>{
// 三⼗天
let tempTime =-3600*1000*24*30;
Time()>new Date()- tempTime;
}
当前时间 ⼗⽉⼆⼗六⽇
效果:
注塑鞋
时间选择器水貂笼
<el-time-select
v-model="createTime"
:picker-options="{
start: '00:00',
step: '00:15',
亨润成型机炮筒公司
end: '24:00',
minTime: fileterTime
}"
placeholder="请选择直播结束时间">
</el-time-select>
根据前⼀个⽇期时间选择器的值来限制该时间选择器的开始时间
choose(){
热风循环烘箱结构图
let arr = Date.parse(new Date(this.value2))
let da =new Date(arr);
let h = da.getHours();
h = h <10?('0'+ h): h;
let m = da.getMinutes();
m = m <10?('0'+ m): m;
this.fileterTime = h +':'+ m
},
根据前⼀个时间选择器的值来限制该时间选择器的开始时间
贴片共模电感if(this.value2 !=null){
// 默认获取当前⽇期时间
//let date = new Date();
//let year = FullYear(); // 年
//let month = Month() + 1; // ⽉
//let day = Date(); // ⽇
//let thisTime = `${year}-${month}-${day}`+' '+'00:00:00'
this.fileterTime =this.value2
}