elementplus实现日期选择在今日及今日之后的日期

环境配置

elementplus vue

代码

<el-form-item label="生效日期" prop="date">
            <el-date-picker type="daterange" v-model="date"    :disabledDate="disabledDateFn"
              :style="{width: '100%'}" start-placeholder="开始日期" end-placeholder="结束日期" range-separator="至"
              clearable>
            </el-date-picker>
          </el-form-item>
const disabledDateFn = (time: any) => {
    return time.getTime() < Date.now() - 8.64e7;
}

这里的- 8.64e7就是减去当天的24小时,也就是24 * 60 * 60 * 1000
我之前写的是- 8.64e6就不行

扩展

如果想要选择今日之前的就是
return time.getTime() > Date.now() ;
今日及今日之前
return time.getTime() >Date.now() +8.64e7;
今日之后
return time.getTime() < Date.now() ;

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值