简介:本文讲解vue里面如何把时间格式化显示出来
<template>
<div>
<!-- 时间戳 -->
<span>{{ timestamp }}</span>
<br>
<!-- 格式化后的时间 -->
<span>{{ formattedTime }}</span>
</div>
</template>
<script>
export default {
data() {
return {
timestamp: "2021-06-15T00:00:00.000+00:00",
};
},
computed: {
formattedTime() {
const date = new Date(this.timestamp);
const year = date.getFullYear();
const month = ("0" + (date.getMonth() + 1)).slice(-2);
const day = ("0" + date.getDate()).slice(-2);
const hour = ("0" + date.getHours()).slice(-2);
const minute = ("0" + date.getMinutes()).slice(-2);
const second = ("0" + date.getSeconds()).slice(-2);
return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
},
}
};
</script>
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有