vue element 日期范围选择器限制只能选今天之前的时间，或者只能选今天之后的时间

日期范围选择器限制只能选今天之前的时间，或者只能选今天之后的时间

<el-date-pickerformat="yyyy-MM-dd HH:mm"placeholder="选择日期时间"type="datetime"v-model="submitParams.sellTime"value-format="yyyy-MM-dd HH:mm":picker-options="expireTimeOPtion"
>
</el-date-picker>

重点：:picker-options="expireTimeOPtion"

1.只能选今天或者今天之后的时间

data() {return {expireTimeOPtion: {disabledDate(time) {return time.getTime() < Date.now() - 8.64e7;  //如果没有后面的-8.64e7就是不可以选择今天的 }},}
}

2.今天以及今天之前的日期


data() {return {expireTimeOPtion: {disabledDate(time) {return time.getTime() > Date.now() - 8.64e6;  //如果没有后面的-8.64e6就是不可以选择今天的 }},}

3.只能选取今天往后三天内

data() {return {expireTimeOPtime: {disabledDate(time) {const times = new Date(new Date().toLocaleDateString()).getTime() + 3 * 8.64e7 - 1return time.getTime() < Date.now() - 8.64e7 || time.getTime() > times// 如果没有后面的-8.64e7就是不可以选择今天的}}}
}

重点：这句代码是写在data里面的，不是methods里的

vue element 日期范围选择器限制只能选今天之前的时间，或者只能选今天之后的时间相关推荐

Vue element 日期获取展示今天日期
element 日期获取当前日期 <el-date-pickerv-model="formData.startTime"type="date"placeh ...
vue+element el-cascader级联选择器，点击lebel选中
官方文档只能在点击选择框的时候才能选中,在某些实际操作中需要点击lebel就选中,加上下面的代码就可以了 mounted() {setInterval(function () {document.qu ...
vue+element实现Select 选择器的远程搜索、滚动加载
1.html结构: <el-selectv-model.trim="query.enEnterpriseBaseId"v-loadmore="loadMore&qu ...
vue + element cascader级联选择器编写城市选择器
需求: 1.城市选择 2.城市输入实现: html <el-cascader:options="options"change-on-selectfilterable@cha ...
vue element 的 el-cascade 组件如何实现多选点击确认提交操作
1. 实现效果做这个也是自己踩了好多坑,比如: 用第三方的 el-cascader-multi 多选组件,不能实现自己想要的效果,element 最新版 2.12.0 就已经有完善,不需要使用那个第 ...
【vue开发问题-解决方法】（五）vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function
[vue开发问题-解决方法](五)vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function 参考文章: (1)[vue开发问题-解决方法](五) ...
element 日期选择器只能选择今天之前或选择今天之后的日期
<template><div class="app-container"><el-date-pickerv-model="birthday& ...
vue element的日期选择器，选择日期时间范围的限制
最近在做活动配置,那么就会需要配置活动的开始时间和活动的结束时间,对于活动开始时间选择范围是不能今天之前时间的,活动的结束时间也是,是不能选择今天之前的时间和活动开始之前时间的,有了明确的目的,现在就 ...
php穿梭框多选,多选穿梭框总结（vue + element）
示例介绍实现省市区三级多选联动,可任选一个省级.市级.区级,加入已选框,也可以在已选框中删除对应的区域. 选择对应仓库,自动勾选仓库对应的省,取消就反选选择同样地区,选择省级或市级,若该对象下面 ...

vue element 日期范围选择器限制只能选今天之前的时间，或者只能选今天之后的时间

vue element 日期范围选择器限制只能选今天之前的时间，或者只能选今天之后的时间相关推荐

最新文章

热门文章