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"
的字符串形式绑定,并不会因为时区问题导致日期变化。