使用内置date对象、moment.js库或自定义工具函数可将时间戳转换为可读日期格式，适用于vue和react项目。1、通过new date()实例化并调用tolocalestring等方法实现基础转换；2、引入moment.js提供丰富格式化功能，需注意时间戳单位为毫秒；3、封装轻量级工具函数减少依赖，灵活定制输出格式，在utils中统一管理并在组件中调用。
一、使用内置Date对象进行转换
如果您在前端应用中需要将时间戳转换为可读的日期格式，可以直接利用JavaScript的内置Date对象。这种方法无需引入额外库，适用于Vue和React框架，通过实例化Date并调用其方法来格式化输出。
1、在Vue组件的methods或filters中创建一个转换函数，接收时间戳参数，并返回格式化后的字符串。
2、在React组件内定义一个函数，使用new Date(时间戳)生成日期对象，再通过toLocaleString等方法获取所需格式。
3、将该函数应用于模板或JSX中，例如在Vue里用插值表达式{{ timestamp | formatDate }}，在React里直接嵌入{formatDate(timestamp)}。
立即学习“前端免费学习笔记（深入）”；
二、集成Moment.js库实现高级格式化
Moment.js是一个流行的JavaScript日期处理库，能够简化时间戳转换过程，并提供丰富的格式化选项。在Vue和React项目中引入Moment.js可以快速实现复杂的日期显示需求。
1、通过npm命令安装Moment.js：npm install moment --save。
重要提示：确保时间戳单位为毫秒，若为秒需乘以1000
2、在Vue项目的main.js中导入moment并注册全局过滤器，以便在任意组件中使用|符号调用格式化功能。
3、在React组件顶部导入moment，然后在组件内部使用moment(时间戳).format('YYYY-MM-DD HH:mm:ss')进行转换并渲染到界面。
三、采用自定义工具函数封装转换逻辑
为了减少对外部库的依赖并提高性能，可以编写一个轻量级的工具函数来处理时间戳转换。这种方式更灵活，可根据具体业务需求定制输出格式。
1、在src/utils目录下新建date.js文件，导出一个formatDate函数，接收日期值和格式模板作为参数。
2、在函数体内判断输入类型，如果是数字则视为时间戳，使用new Date()构造日期对象；如果是字符串则尝试解析成日期。
3、提取年、月、日、时、分、秒等数值，按照指定格式拼接成最终字符串并返回。
4、在Vue组件的filters中引入此函数，或在React组件中import后直接调用完成视图层的数据展示。
