vue 时间2020-11-10T12:01:50.942转换成2020-11-10 12:01

小红同学5

于 2020-11-10 12:06:40 发布

阅读量218

点赞数

分类专栏： elementui vue 文章标签： vue elementui

本文链接：https://blog.csdn.net/xh_960125/article/details/109596348

版权

elementui 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

vue

11 篇文章 0 订阅

订阅专栏

返回数据：

页面效果：

代码如下：

html：
 <el-table-column prop="updateTime" label="更新时间">
      <template slot-scope="scope">
          <span>{{format('YYYY-mm-dd HH:MM',scope.row.updateTime)}}</span>
      </template>
    </el-table-column>

javascript：

 format(time, date) {
          let dtime="";
          date=new Date(date);
          const opt = {
            'Y+': date.getFullYear().toString(), // 年
            'm+': (date.getMonth() + 1).toString(), // 月
            'd+': date.getDate().toString(), // 日
            'H+': date.getHours().toString(), // 时
            'M+': date.getMinutes().toString(), // 分
            'S+': date.getSeconds().toString() // 秒
          }
          for (let k in opt) {
            dtime = new RegExp('(' + k + ')').exec(time)
            if (dtime) {
              time = time.replace(
                dtime[1],
                dtime[1].length == 1 ? opt[k] : opt[k].padStart(dtime[1].length, '0')
              )
            }
          }
          return time
        },