vuepicker-options限制日期时间选择器可选范围(动态)

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
}

本文发布于:2024-09-25 00:31:20,感谢您对本站的认可!

本文链接:https://www.17tex.com/tex/2/125689.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:时间   选择器   限制   选择
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议