elementUI el-date-picker日期选择器 时差问题 8小时

elementUI el-date-picker日期选择器 缺少8小时

前端使用elementUI作为前端UI框架,Form表单中使用el-date-picker日期选择器获得的字段值与预期的结果刚好相差8个小时;

el-date-picker组件接受并返回date对象,并且返回值为标准UTC时间(格林威治时间),中国的时区为东8区,因此刚好相差8小时;根据官网的内容,添加value-format="yyyy-MM-dd"属性即可得到当前时区的时间;(注意,如果日期选择器仅作选择日期不选择时间,则添加value-format="yyyy-MM-dd",如果作选择日期和时间,则添加value-format="yyyy-MM-dd hh:mm:ss"

TypeError: x.getTime is not a function

常见的form表单中会加入字段必填的校验规则,需要注意在我们设置了value-format属性后日期类型字段的校验规则不能再设置type:'date',需要改为type:'string',否则会报错TypeError: x.getTime is not a function;
rules: { date: [ { type: 'string', required: true, message: '请选择日期', trigger: 'change' } ] }
因为value-format会将选择的日期转换为string字符串,string不具有getTime方法;

el-time-picker时间选择器也有类似的问题;

posted @ 2022-06-11 15:26  涯唰  阅读(739)  评论(0)    收藏  举报