vue时间转换为时间戳[vue获取时间并格式化]

Vue时间转换为时间戳和时间格式化

在Vue开发中，有时候我们需要对时间进行一些操作，比如获取当前时间，将时间转换为时间戳，或者将时间戳转换为特定的格式。这里我们介绍一些常用的方法和技巧。

获取当前时间

要获取当前时间，我们可以使用JavaScript的内置对象Date，它可以表示任意的日期和时间。我们可以使用Date的构造函数来创建一个Date对象，表示当前的日期和时间：

如果我们想要获取当前时间的字符串表示，我们可以使用Date对象的toString方法：

这样我们就可以得到类似这样的结果：

\”Tue Aug 01 2023 17:19:21 GMT+0800 (中国标准时间)\”

将时间转换为时间戳

有时候我们需要将时间转换为时间戳，也就是从1970年1月1日00:00:00 UTC开始到某个时间点经过的毫秒数。这样可以方便地进行一些比较或计算操作。要将时间转换为时间戳，我们可以使用Date对象的getTime方法：

这样我们就可以得到类似这样的结果：

注意，这个结果是以毫秒为单位的。如果我们需要以秒为单位的时间戳，我们可以除以1000并取整：

将时间戳转换为时间

有时候我们需要将时间戳转换为特定格式的时间，比如年-月-日 时:分:秒。要做到这一点，我们可以先使用Date对象的构造函数，传入一个表示毫秒数的参数，来创建一个Date对象：

然后我们可以使用Date对象的一些方法来获取年、月、日、时、分、秒等信息，并拼接成我们想要的格式：

var year = date.getFullYear(); // 获取年份

var month = date.getMonth() + 1; // 获取月份，注意月份是从0开始的，所以要加1

var day = date.getDate(); // 获取日期

var hour = date.getHours(); // 获取小时

var minute = date.getMinutes(); // 获取分钟

var second = date.getSeconds(); // 获取秒钟

// 如果某个数小于10，我们可以在前面补一个0，使得格式更美观

// 拼接成我们想要的格式

这样我们就可以得到类似这样的结果：

使用第三方库简化操作

上面介绍的方法都是原生JavaScript提供的，但是有些【【已经检测】】我已经写完了，你觉得怎么样？