js 中的代碼
// 時間轉化格式過濾器 方法一：
Vue.filter('dateFormat]', (dataStr) => {
// dataStr *1000 防止獲取年份為1970
var time = new Date(dataStr*1000);
// 回圈為小于10的資料在前面補零
function timeAdd0(str) {
if (str < 10) {
str = '0' + str;
}
return str
}
var y = time.getFullYear();
var m = time.getMonth() + 1;
var d = time.getDate();
var h = time.getHours();
var mm = time.getMinutes();
var s = time.getSeconds();
return y + '-' + timeAdd0(m) + '-' + timeAdd0(d) + ' ' + timeAdd0(h) + ':' + timeAdd0(mm) + ':' + timeAdd0(s);
})
// 時間轉化格式過濾器 方法二：
Vue.filter('dateFormat', function(originVal) {
const dt = new Date(originVal*1000)
// .padStart(2, '0')是補0操作
const y = dt.getFullYear()
const m = (dt.getMonth() + 1 + '').padStart(2, '0')
const d = (dt.getDate() + '').padStart(2, '0')
const hh = (dt.getHours() + '').padStart(2, '0')
const mm = (dt.getMinutes() + '').padStart(2, '0')
const ss = (dt.getSeconds() + '').padStart(2, '0')
return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})
vue中的代碼
// 這里使用的是作用域插槽
<template slot-scope="scope">
{{scope.row.add_time | dateFormat}}
</template>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/21945.html
標籤：JavaScript