io_123io_123的博客

在使用Element UI的日期选择器组件时，发现选择的时间传至后端后少了8小时。经排查，这是由于中国标准时间（东八区）与格林威治时间差异导致。通过配置组件的format（显示格式）和value-format（返回值格式）属性，将返回值格式设为"YYYY-MM-DDTHH:mm:ss.000Z"来适配后端需求，成功解决时区偏差问题。关键点在于正确区分这两个属性的作用，并注意时间格式的大小写规范。

本文总结了Vue2+ElementUI和Vue3+ElementPlus实现日期选择器禁用指定日期的方法。在Vue2中使用pickerOptions.disabledDate属性，Vue3则通过disabled-date方法实现，核心逻辑是比较时间戳。文章还提供了禁用今日之后日期、指定日期等常见场景的代码示例，并解释了Date.now()和8.64e7(86400秒)的计算原理，以及H5中通过设置min/max属性禁用日期的方法。完整代码示例可直接参考使用。