element-ui应该注意的format格式

最新推荐文章于 2025-05-12 15:25:01 发布

原创最新推荐文章于 2025-05-12 15:25:01 发布 · 9.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#element-ui #format #date #date格式

vue 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何使用Element-UI的日期选择组件，并通过format和value-format属性实现日期格式的自定义转换，适用于需要特定字符串格式日期的项目。

element-ui的日期选择组件默认格式是一个时间戳，但往往我们的项目需要的时间格式是一个字符串，这时候就需要用到格式转化，element-ui组件提供了一个方便的转换命令：

使用format指定输入框的格式；使用value-format指定绑定值的格式。

默认情况下，组件接受并返回Date对象。以下为可用的格式化字串。

<el-date-picker
 value={ formEditData.start_time } 
 on-input={e => { this.setTime('start_time', e) }}
 type="datetime"
 placeholder="选择日期时间"
 value-format="yyyy-MM-dd hh:mm:ss"
>
</el-date-picker>

setTime (wen, time) {
      console.log(time)
      // this.formEditData = Object.assign(this.formEditData, { wen: time })
      this.formEditData['start_time'] = time
    }