前言
通常前端请求回来的时间数据都是时间戳,类似“createTime: 1641446792000”这种,但是页面上显示的不能是这种数据,所以就需要转换正常时间才能使用
提示:以下是本篇文章正文内容,下面案例可供参考
一、html部分使用
代码如下:
<div class="textvalue">
<p>发布单位:xxxxxx</p>
<p>发布时间:{{ publishTime | formatDate }}</p>
<p>来源:XXXXX</p>
</div>
二、js部分数据配置
代码如下:
data() {
return {
publishTime:1641446792000//这个时间戳必须是数字属性/number
}
},
filters: {//配置过滤器
formatDate: function (value) {//调用时间戳为日期显示
let date = new Date(value)
let y = date.getFullYear() //获取年份
let m = date.getMonth() + 1 //获取月份
m = m < 10 ? "0" + m : m //月份不满10天显示前加0
let d = date.getDate() //获取日期
d = d < 10 ? "0" + d : d //日期不满10天显示前加0
return y + "-" + m + "-" + d
//也可以获取更精准时间
//let h = date.getHours(), //小时
//let m = date.getMinutes(), //分
//let s = date.getSeconds(), //秒
//let ls = date.getMilliseconds() //毫秒
},
},
三、效果展示
截图如下:
总结
当然也有其他的获取日期的方法,例如W3school中的方法
附JavaScript 日期获取方法