vue中使用element-ui的日期选择器el-date-picker在Safari不显示

373 阅读1分钟

如上图所示在chrome中可以正常显示,但是在safari中时间没有显示。是因为safari浏览器解析日期的格式是yyyy/MM/dd

 使用value-format指定绑定值的格式。

 <el-date-picker  value-format="yyyy/MM/dd HH:mm:ss"  format="yyyy-MM-dd HH:mm:ss"  v-if="formobj.type === 'dateTimeRange'"  type="datetimerange"  :disabled="formobj.disabled || disabled"  v-model="formData[formobj.prop]"  :range-separator="formobj.rangeSeparator || '至'"  :start-placeholder="formobj.startPlaceholder || '开始日期'"  :end-placeholder="formobj.endPlaceholder || '结束日期'"></el-date-picker>

赋值

this.formData.timerange = [moment(res.data.activeStartTime).format("YYYY/MM/DD HH:mm:ss"),moment(res.data.activeEndTime).format("YYYY/MM/DD HH:mm:ss"),//   new Date(res.data.activeStartTime),//   new Date(res.data.activeEndTime),];