vue时间戳转换成时间教程

在 vue.JS 中，可以使用 moment.js 库或 vue.js 内置的过滤器将时间戳转换成可读时间：使用 moment.js 库：导入 moment.js 并使用 moment().format() 转换时间戳。使用 vue.js 过滤器：定义一个过滤器，使用 new date() 创建一个日期对象并使用 tolocalestring() 转换时间戳。

Vue 时间戳转换成时间教程

如何将时间戳转换成可读时间？

在 Vue.js 中，可以使用 moment.js 库或 Vue.js 内置的 Filter 来将时间戳转换成可读时间。

使用 moment.js

立即学习“前端免费学习笔记（深入）”；

import moment from 'moment';  const timestamp = 1655374465; // 例如：当前时间戳  // 使用 moment.js 转换时间戳 const formattedDate = moment(timestamp).format('yyYY-MM-DD HH:mm:ss');

使用 Vue.js 过滤器

<template>   <span>{{ timestamp | asDate }}</span> </template>  <script> export default {   filters: {     asDate(timestamp) {       const date = new Date(timestamp);       return date.toLocaleString();     },   }, }; </script>

注意事项

• 时间戳通常以毫秒为单位，因此在使用之前需要将其除以 1000（转换成秒）。
• 您还可以通过指定不同的格式字符串来定制输出时间的格式，例如 ‘YYYY-MM-DD’ 或 ‘HH:mm:ss’。
• 使用 moment.js 还允许您解析相对时间，如 “2 days ago” 或 “next week”。