elementPlus 日期时间选择器设置24小时制失效

最近使用 vue3+elementplus 做项目有用到elementplus的日期时间选择组件,后端要求的入参格式为: 年-月-日 时:分, 而组件默认的是 年-月-日 时:分:秒,所以通过添加 formatvalue-format两个属性来实现指定的格式, 但是添加后 24小时制失效了。
错误代码:

<el-date-picker
  v-model="basicData.offTime"
  type="datetime"
  format="YYYY-MM-DD HH:mm"
  value-format="YYYY-MM-DD hh:mm"
  :disabled-date="offDataFun"
  @change="handleOffTime"
  placeholder="请选择产品下线时间"
/>

通过查找资料,发现时间格式写成了 YYYY-MM-DD hh:mm ;
HH 是24小时制, hh 是12小时制。正确的代码如下:

<el-date-picker
  v-model="basicData.offTime"
  type="datetime"
  format="YYYY-MM-DD HH:mm"
  value-format="YYYY-MM-DD HH:mm"
  :disabled-date="offDataFun"
  @change="handleOffTime"
  placeholder="请选择产品下线时间"
/>

elementPlus 日期时间选择器设置24小时制失效_第1张图片

你可能感兴趣的:(vue3,前端,elementui)