el-data-pick 选出的时间为2024-10-22T16:00:00.000Z样子的与期待的不符合 使用value-format解决
·
1. 数据绑定格式与显示格式不一致
在日期选择器中,希望用户看到的是2023-10-28 这样的标准格式。在这种情况下,value-format 可以让绑定的数据以标准化的格式保存。
2. 避免时区导致的日期偏移问题
el-date-picker 默认会返回 UTC 格式的日期时间,比如 "2024-10-22T16:00:00.000Z"。如果不指定 value-format,在发送到后端时可能会因时区自动转换引起日期错位(如显示的日期是 2024-10-22,而绑定的数据是 2024-10-23)。
示例解释
<el-date-picker
v-model="state.searchParams.clockInDateDay"
type="date"
value-format="YYYY-MM-DD"
/>
这样设置后,当用户选择 2024-10-28 时,state.searchParams.clockInDateDay 将以 "2024-10-28" 的字符串形式绑定,并不会因为时区问题导致日期变化。
更多推荐



所有评论(0)