美文网首页
vue.js怎样将时间戳转化为日期格式

vue.js怎样将时间戳转化为日期格式

作者: 混世魔王的小公举 | 来源:发表于2020-06-17 17:10 被阅读0次

链接先上

https://www.cnblogs.com/haonanZhang/p/6952963.html

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

export function formatDate (date, fmt) {

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

        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(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).substr(str.length);

};

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

<template>

    <!-- 过滤器  time 可以使后台得到的数据,循环出来的也行 -->

    <div>{{time | formatDate}}</div>

    <!-- 输出结果 -->

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

</template>

<script>

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

export default {

    filters: {

        formatDate(time) {

            var date = new Date(time);

            return formatDate(date, 'yyyy-MM-dd hh:mm');

        }

    }

}

</script>

相关文章

网友评论

      本文标题:vue.js怎样将时间戳转化为日期格式

      本文链接:https://www.haomeiwen.com/subject/qnonqctx.html