element-ui时间组件选择时间时显示出错

Question

用的若依框架 element-ui 里的时间组件

不管怎么选择其他年份或者是点击切换年的按钮都是2022不改变 但是上边的框里的数据是正常的 除了显示的2022不改变其他都没问题 这是怎么回事啊

Answer 1

可能是因为组件的format属性设置不正确，或者是因为浏览器的语言环境设置不正确
1.检查format属性
在使用时间选择器组件时，需要设置format属性来指定时间的格式。如果format属性设置不正确，就会导致选择时间时显示出错。例如，如果要选择24小时制的时间，format属性应该设置为HH:mm:ss，而不是hh:mm:ss。

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

data() {
  return {
    time: '',
    format: 'HH:mm:ss'
  };
}
 

2.检查浏览器语言环境设置
如果format属性设置正确，但选择时间时仍然显示出错，可能是因为浏览器的语言环境设置不正确。在某些语言环境下，时间的格式可能与format属性设置的格式不同，导致显示出错。可以尝试修改浏览器的语言环境设置，或者在组件中设置picker-options属性来指定时间的格式。

<el-time-picker v-model="time" :picker-options="pickerOptions"></el-time-picker>

data() {
  return {
    time: '',
    pickerOptions: {
      format: 'HH:mm:ss'
    }
  };
}