//1.只能选择今天之后的日期
data (){
return {
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now();
}
},
}
}
//2、开始日期不得选择早于今天
pickerOptions:{ //写在data函数里
disabledDate:time =>{
return time.getTime() < Date.now() - 8.64e7;
}
},
:picker-options="pickerOptions" //绑定在组件里面
//3、只能选择今天以及以前的日期
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now() - 8.64e6
}
},
//4.只能选择今天之前的日期
data (){
return {
pickerOptions0: {
disabledDate(time) {
return time.getTime() > Date.now();
}
},
}
}
//5.设置选择三个月之前到今天的日期
data (){
return {
pickerOptions0: {
disabledDate(time) {
let curDate = (new Date()).getTime();
let three = 90 * 24 * 3600 * 1000;
let threeMonths = curDate - three;
return time.getTime() > Date.now() || time.getTime() < threeMonths;;
}
},
}
}
Vue使用ElementUI的DateTimePicker的时间限制选择范围
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 1.当代种种事件不同于历史之处,在于我们不知道它们会产生什么后果。 2.经验和利益的偶然结合,往往会向人们揭示...
- 举个例子(限制只能选七天之前到今天的日期) html部分 ts部分 或者是这样 当两个选择器时限制结束日期不能大于...
- 1.限制结束时间必须大于开始时间 1) 在组件中添加 :picker-options="pickerOptions...