element-plus中带快捷选项的日期时间范围选择器,按官方demo日期范围错误

16 篇文章 2 订阅

      最近用到element-plus中带快捷选项的日期时间范围选择器,如上图,官方案例左侧提供了最近一周、最近一个月、最近三个月快捷选项。

      但当我按照官方示例用法放到自己项目中时,输入框中显示的时间范围却是错误的,起始时间与终止时间永远只显示当前时间。

      一度怀疑自己用法不对,直到将官方demo代码完全复制到项目中,发现还是错误。但官网上的 demo 却是正常的。

      怀疑是版本的问题,我项目中安装的版本为 1.0.2-beta.44,线上最新版本为 1.0.2-beta.70,果然升级后问题就解决了。但 1.0.2-beta.70 要求vue版本必须是 v3.1+,而我们的项目由于特殊原因vue版本为 v3.0+,所以无法对element-plus进行升级。

      最终的解决方案是将demo 中的 shortcuts 定义,改为如下即可。

shortcuts: [
    {
        text: '最近7天',
        value: [new Date().getTime() - 3600 * 1000 * 24 * 7, new Date()]
    },{
        text: '最近15天',
        value: [new Date().getTime() - 3600 * 1000 * 24 * 15, new Date()]
    },{
        text: '最近30天',
        value: [new Date().getTime() - 3600 * 1000 * 24 * 30, new Date()]
    }
]

      如果可以升级还是使用最新版本比较好,同时期待稳定版尽快来临~

  • 8
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值