uniapp时间戳转换成日期
在开发中，我们有时会需要将时间戳转换成日期格式，比如将用户注册时间展示在用户信息页面上，或者将文章发布时间展示在文章详情页上等等。这篇文章将会介绍uniapp中如何将时间戳转换成日期格式。
什么是时间戳？
时间戳，顾名思义，就是时间的标记。它是从1970年1月1日00:00:00 UTC开始所经过的秒数，通常以整数表示。在计算机中，时间戳被广泛使用，因为它可以方便地进行时间的计算，比如计算两个时间之间的时间差等等。
JavaScript中的时间戳
在JavaScript中，我们可以使用Date对象来表示时间，它的构造函数可以接受多种参数，比如日期字符串、时间戳等等。当我们传入一个时间戳时，它会自动将其转换成相应的日期对象。
// 获取当前时间戳
let timestamp = new Date().getTime();
console.log(timestamp); // 1624450292523
// 通过时间戳获取日期对象
let date = new Date(timestamp);
console.log(date); // Sat Jun 26 2021 14:51:32 GMT+0800 (中国标准时间)
uniapp中的时间戳转换
在uniapp中，我们可以使用Vue的过滤器(filter)来实现时间戳的转换。Vue的过滤器是一种常见的输出格式化方式，它可以用于处理各种数据格式，比如日期格式、货币格式等等。
下面是一个将时间戳转换成日期格式的过滤器的例子：
// 定义过滤器
Vue.filter('dateFormat', function(timestamp) {
// 转换成毫秒
timestamp = timestamp * 1000
// 创建日期对象
let date = new Date(timestamp)
// 格式化日期
let year = date.getFullYear()
let month = date.getMonth() + 1
let day = date.getDate()
let hour = date.getHours()
let minute = date.getMinutes()
let second = date.getSeconds()
return `${year}-${addZero(month)}-${addZero(day)} ${addZero(hour)}:${addZero(minute)}:${addZero(second)}`
})
// 定义补零函数
function addZero(num) {
return num < 10 ? '0' + num : num
}
在上面的例子中，我们定义了一个名为dateFormat的过滤器，它接受一个时间戳作为参数，将其转换成指定的日期格式。具体的实现过程如下：
1. 将时间戳转换成毫秒级别，因为JavaScript中的时间戳是以秒计算的，而我们需要将其转换成毫秒级别的时间戳才能创建日期对象。
2. 创建日期对象，获取年、月、日、时、分、秒等信息。
3. 使用模板字符串将日期格式化成指定的格式。
4. 定义一个补零函数，用于将单个数字补成两位，比如将4补成04。
接下来，我们可以在页面上使用这个过滤器来将时间戳转换成日期格式：
<template>
<div>
注册时间：{{ user.createdAt | dateFormat }}
</div>
</template>
在上面的例子中，我们将用户的注册时间展示在页面上，并使用dateFormat过滤器将时间戳转换成日期格式。
总结
本文介绍了uniapp中如何将时间戳转换成日期格式，通过定义过滤器实现了这个功能。通过本文的介绍，希望读者能够更加熟练地使用Vue的过滤器，进一步提升开发效率。