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

发布网友 发布时间：2022-03-24 16:46

我来回答

共1个回答

热心网友 时间：2022-03-24 18:15

<!-- value 格式为13位unix时间戳 -->
<!-- 10位unix时间戳可通过value*1000转换为13位格式 -->

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);

};

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

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

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

这样就可以了