最近用到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()]
}
]
如果可以升级还是使用最新版本比较好,同时期待稳定版尽快来临~