vue里面如何把时间格式化
简介:本文讲解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>
如果大家觉得有用的话,可以关注我下面的微信公众号,极客李华,我会在里面更新更多行业资讯,企业面试内容,编程资源,如何写出可以让大厂面试官眼前一亮的简历等内容,让大家更好学习编程,我的抖音,B站也叫极客李华。大家喜欢也可以关注一下