### 解决方案 在使用 `el-date-picker` 组件时，如果设置了 `value-format="yyyy-MM-dd"` 但返回的日期值仍然包含时区信息（如 `2025-05-27T01:37:31.089Z`），可能是由于以下原因导致： 1. **组件版本问题**：某些版本的 `element-ui` 可能存在 `value-format` 属性未正确生效的问题[^1]。 2. **时间格式化逻辑**：即使设置了 `value-format`，组件内部可能仍然会以 ISO 8601 格式处理日期对象，因此需要额外的格式化操作[^2]。 以下是解决方法： #### 方法一：确保正确设置 `value-format` 确认 `value-format` 属性是否正确设置为 `"yyyy-MM-dd"`。以下是一个完整示例： ```vue <template> <div> <el-date-picker v-model="dateValue" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker> </div> </template> <script> export default { data() { return { dateValue: '' // 用于存储选中的日期值 }; } }; </script> ``` 通过上述配置，`el-date-picker` 返回的日期值将直接以 `yyyy-MM-dd` 格式保存到 `dateValue` 中[^1]。 #### 方法二：手动格式化日期值 如果 `value-format` 仍未生效，可以在绑定的变量中手动格式化日期值。例如： ```vue <template> <div> <el-date-picker v-model="rawDate" type="date" @change="formatDate" placeholder="选择日期"> </el-date-picker> </div> </template> <script> export default { data() { return { rawDate: '', // 存储原始日期值 formattedDate: '' // 存储格式化后的日期值 }; }, methods: { formatDate(value) { if (value) { this.formattedDate = new Date(value).toISOString().split('T')[0]; // 手动格式化为 yyyy-MM-dd } else { this.formattedDate = ''; // 如果没有选择日期，则清空 } } } }; </script> ``` 在上述代码中，通过监听 `@change` 事件并调用 `formatDate` 方法，可以手动将日期值转换为 `yyyy-MM-dd` 格式[^2]。 #### 方法三：升级或降级 `element-ui` 版本 如果问题仍然存在，可能是当前使用的 `element-ui` 版本存在 bug。建议检查 `element-ui` 的版本，并尝试升级或降级到一个稳定的版本。可以通过以下命令查看和更新版本： ```bash # 查看当前版本 npm list element-ui # 更新到最新版本 npm install element-ui@latest ``` ### 注意事项 - 确保 `value-format` 和 `format` 属性的值一致，否则可能导致显示与返回值不匹配的问题。 - 在处理日期时，需要注意时区差异。如果后端需要 UTC 时间，可以在前端进行相应的转换。 ###