欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-07 11:06:31
...

返回数据:

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

页面效果:

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

代码如下:

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
        },