风华正茂、时光流逝、真爱时光、努力创建辉煌。

【时间戳转为时间格式】---vue中将时间戳转为时间格式

 

// date.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);
 
};

 

<!-- **.vue -->
 
<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>

 

 

 

 

 

 

 

 

 

 

 

获取数据渲染到页面上

 

posted @ 2019-09-10 19:30  野马,程序源改造新Bug  阅读(744)  评论(0编辑  收藏  举报