这篇文章主要介绍“JS时间戳转换为常用时间格式的方法有哪些”，在日常操作中，相信很多人在JS时间戳转换为常用时间格式的方法有哪些问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”JS时间戳转换为常用时间格式的方法有哪些”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
1、js 时间戳转日期（可直接复制）
// 时间戳 let timestamp = 1662537367 // 此处时间戳以毫秒为单位 let date = new Date(parseInt(timestamp) * 1000); let Year = date.getFullYear(); let Moth = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1); let Day = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()); let Hour = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()); let Minute = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()); let Sechond = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()); let GMT = Year + '-' + Moth + '-' + Day + ' '+ Hour +':'+ Minute + ':' + Sechond; console.log(GMT) // 2022-09-07 15:56:07附加
let nowTime = new Date().valueOf();//时间戳console.log(nowTime) // 获取当前时间的时间戳2、在main.js中创建过滤器
示例：后台管理系统，vue2 + JS + element ui，将下单时间的时间戳转换为年月日的形式
（1）main.js中，创建过滤器将其挂载到vue上
注意：我这边后台返回的数据需要进行单位换算，所以originVal * 1000，具体情况具体分析，不同单位的数据请自行调整
import Vue from 'vue'// 创建过滤器，将秒数过滤为年月日，时分秒，传参值originVal为毫秒Vue.filter('dateFormat', function(originVal){ // 先把传参毫秒转化为new Date() const dt = new Date(originVal * 1000) const y = dt.getFullYear() // 月份是从0开始,需要+1 // +''是把数字转化为字符串,padStart(2,'0')是把字符串设置为2位数,不足2位则在开头加'0' const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2, '0') return `${y}-${m}-${d}`})（2）页面中具体使用
<el-table :data="orderList" border stripe class="mt20"><el-table-column label="下单时间" prop="create_time"><template slot-scope="scope">{{scope.row.create_time | dateFormat}}</template></el-table-column></el-table>3、day.js
（1）三种安装方式任选其一
npm install dayjscnpm install dayjs -Syarn add dayjs（2）页面中具体使用
示例：后台管理系统，vue3 + TS + element-plus，将下单时间的时间戳转换为年月日的形式
使用前：
使用后：
① html部分
<el-table><el-table-column prop="create_time" label="下单时间" /></el-table>②获取到的数据
③TS部分
对拿到的数据中的创建时间进行转换，其中dayjs()中携带需要转换的时间戳参数，format()中携带所期待转换成的形式
// 引入import { dayjs } from "element-plus";interface IOrderList { order_number: string; // 订单编号 create_time: number; // 下单时间}const orderList = reactive<IOrderList[]>([]);// 获取订单数据const getOrderList = async () => { orderList.length = 0; let orders = await ordersAPI(pageInfo.value); // 对 orders.data.goods进行遍历，dayjs()中携带需要转换的时间戳参数，format()中携带所期待转换成的形式 orders.data.goods.forEach((el: any) => { el.create_time = dayjs(el.create_time * 1000).format("YYYY-MM-DD"); }); orderList.push(...orders.data.goods);};getOrderList();到此，关于“JS时间戳转换为常用时间格式的方法有哪些”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程网网站，小编会继续努力为大家带来更多实用的文章！
