vue时间格式化

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

 export function formatTime(date, fmt) {

    if (/(y+)/.test(fmt)) {

      fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substring(4 - RegExp.$1.length));

    }

    let o = {

      'M+': date.getMonth() + 1,

      'd+': date.getDate(),

      'h+': date.getHours(),

      'm+': date.getMinutes(),

      's+': date.getSeconds()

    };

    for (let k in o) {

      if (new RegExp(`(${k})`).test(fmt)) {

        let str = o[k] + '';

        fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));

      }

    }

    return fmt;

  };

  function padLeftZero(str) {

    return ('00' + str).substring(str.length);

  }

  export { formatTime }

把上面代码保存为date.js放到你的公共js文件夹中。

在你的需要格式化时间戳的组件里像下面这样使用：

<template>

    <!-- 过滤器 -->

    <div>{{time | formatTime('yyyy-MM-dd hh:mm:ss')}}</div>

    <!-- 输出结果 -->

    <!-- <div>2016-07-23 21:52</div> -->

</template>

<script>

import {formatTime} from './common/date.js';

export default {

    data() {

        return {

            time: new Date(1469281964000)

        }

    }

}

</script>