element-ui日期时间选择器为何无法选中12小时后的时间点？

本文共计584个文字，预计阅读时间需要3分钟。

目录+前言+自定义时间格式+格式说明+yyyy-MM-dd+hh:mm:ss是12小时制+yyyy-MM-dd+HH:mm:ss才是24小时制+结语+前言+最近在工作中用到了element-ui的+el-date-picker+日期时间选择器，遇到了一个小问题，设置完自定义时间格式后…+设置完成。

目录

• 前言
• 自定义完时间格式
• yyyy-MM-dd hh:mm:ss是12小时制
• yyyy-MM-dd HH:mm:ss才是24小时制
• 结语

前言

最近在工作中用到了element-ui的el-date-picker日期时间选择器，遇到了一个小问题，设置完自定义完时间格式后选不中12小时以后的时间。甚是苦恼，最后发现是设置的时间格式有取值范围。虽然不是什么大问题，但是不细心很容易掉坑，所以总结分享出来给大家避坑。

自定义完时间格式

在el-date-picker标签上设置value-format属性，可以设置时间格式。

<el-date-picker value-format="yyyy-MM-dd hh:mm:ss" </el-date-picker>

使用el-date-picker日期时间选择器，修改时间格式几乎是必要的。但修改时间格式要注意一下对应的取值范围。