一般在实际开发场景中我们需要对时间选择做一些限制,如不能选择今天之前的时间、不能选择今天以后的日期、限制日期不能大于开始日期等等。
日期组件
1.选择今天及今天以后的日期
data(){
return {
value1: '',pickerOptions0: {
disabledDate(time){
return time.getTime() < Date.now() - 8.64e7;
}
}
}
}
2. 选择今天及今天以前的日期
data (){
return {
value1: '',pickerOptions0: {
disabledDate(time) {
return time.getTime() > Date.now() - 8.64e6
}
},}
}
3. 选择今天之后的日期(不能选择当天)
data (){
return {
value1: '',pickerOptions0: {
disabledDate(time) {
return time.getTime() < Date.now();
}
},}
}
4. 选择今天之前的日期(不能选择当天)
data (){
return {
value1: '',pickerOptions0: {
disabledDate(time) {
return time.getTime() > Date.now() - 8.64e7;
}
},}
}
两个日期组件
两日日期之间的日期
data(){
return {
value1: '',value2: '',pickerOptions0: {
disabledDate: (time) => {
if (this.value2 != "") {
return time.getTime() > Date.now() || time.getTime() > this.value2;
} else {
return time.getTime() > Date.now();
}
}
},pickerOptions1: {
disabledDate: (time) => {
return time.getTime() < this.value1 || time.getTime() > Date.now();
}
},}
}
转载自: 作者:rookie.he(kuke_kuke) 博客链接: 欢迎关注支持,谢谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。