el-time-picker设置 value-format不显示

您好！对于 Element UI 的 `<el-time-picker>` 组件，`value-format` 属性用于设置时间的展示格式。如果设置了 `value-format`，但是时间不显示，可能有以下几个原因：

1. 请确保您已正确设置了 `value-format` 属性。例如，如果您想要以 24 小时制显示时间，可以将 `value-format` 设置为 `"HH:mm"`。
2. 检查一下您传递给 `value` 属性的时间值是否符合 `value-format` 所指定的格式。如果时间值不符合格式，时间可能不会显示。请注意，`value` 属性的值应该是一个符合 `value-format` 格式的字符串。
3. 如果您在 `<el-time-picker>` 组件中使用了 `v-model`，请确保 `v-model` 绑定的属性与 `value-format` 的格式一致。如果不一致，时间可能不会正确显示。

希望以上信息对您有所帮助！如果您有任何其他问题，请随时提问。

相关问题

vue3 el-time-picker 设置value-format只有秒

在 Vue3 中，可以通过 `v-model` 绑定 `el-time-picker` 的值，同时通过 `value-format` 属性来指定 `v-model` 的绑定值的格式。如果你只需要绑定秒，可以这样写：

<el-time-picker v-model="time" value-format="ss"></el-time-picker>

这样，`time` 的值就只会包含秒数。你可以在组件外部使用 `time`，并且它的值是一个字符串，例如 `'30'` 表示 30 秒。如果你需要将这个字符串转换成数字，可以在组件外部将其转换成数字类型：

const seconds = parseInt(time, 10);

这样，`seconds` 就会是一个数字类型的值了。

vue3 el-time-picker 设置value-format为秒

Vue3的el-time-picker组件的value-format属性可以接受任何moment.js支持的时间格式，因此你可以设置value-format为"HH:mm:ss"，这样就可以支持秒了。

示例代码：

<el-time-picker
  v-model="time"
  :picker-options="{
    start: '00:00',
    step: '00:15',
    end: '23:45'
  }"
  value-format="HH:mm:ss"
  placeholder="选择时间">
</el-time-picker>

在这个示例中，我们将value-format设置为"HH:mm:ss"，这样就可以让el-time-picker支持秒了。同时，我们还通过picker-options属性设置了时间的范围和步长。