VUE+Element-UI组件的日期时间选择器DateTimePicker,页面显示undifined

这里写自定义目录标题


使用Element-UI的日期时间选择器DateTimePicker:

https://element.eleme.cn/#/zh-CN/component/datetime-picker

<template>
  <div class="block">
    <span class="demonstration">时间span>
    <el-date-picker
      v-model="value"
      type="datetime"
      placeholder="选择日期时间">
    el-date-picker>
  div>
template>

因为date-picker 的时间是格林威时间,赋给v-model的值需要格林威时间格式,如果value 为yyyy-MM-dd hh:mm:ss,则只需要在 el-date-picker 节点上增加一个格式化value的属性 value-format=“yyyy-MM-dd hh:mm:ss”

<el-date-picker
          v-model="value"
          type="datetime"
          value-format="yyyy-MM-dd hh:mm:ss"
          placeholder="选择日期时间">
 el-date-picker>

如果value 为时间戳,则只需要value = new Date(value * 1000) 转换一次即可。

阅读以下文章解决:
https://blog.csdn.net/weixin_30729609/article/details/99448260

你可能感兴趣的:(vue,vue.js)