vue 获取时间戳对象转换为日期格式

时间:2023-03-09 01:24:58
vue 获取时间戳对象转换为日期格式
1. 简单页面 只展示用
<template>
<!-- time为时间戳 -->
<div>{{time | formatDate}}</div>
<!-- 结果为 -- :: -->
</template> export default {
data() {
return {
time:
};
},
filters: {
formatDate: function (value) {
let date = new Date(value);
let y = date.getFullYear();
let MM = date.getMonth() + ;
MM = MM < ? ('' + MM) : MM;
let d = date.getDate();
d = d < ? ('' + d) : d;
let h = date.getHours();
h = h < ? ('' + h) : h;
let m = date.getMinutes();
m = m < ? ('' + m) : m;
let s = date.getSeconds();
s = s < ? ('' + s) : s;
return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
}
}
}

2. 复杂业务使用 moment.js (处理日期时间的不二之选)

安装: cnpm install moment --save

vue中使用:

    import moment from 'moment'

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

    filters: {
formatDate: function (value) {
return moment(value).format('YYYY-MM-DD')
}
}, submit() {
console.log(moment(this.dateBegin).format('YYYY-MM-DD'))
}