目录
- js将当前日期或指定日期转时间戳超详细
- JS时间戳转换方式示例详解
- 前言
- 1、js 时间戳转日期（可直接复制）
- 2、在main.js中创建过滤器
- 3、day.js（链接直达）
js将当前日期或指定日期转时间戳超详细
获取当前时间并转化成时间戳
var date = new Date() console.log(date) // Tue Aug 16 2022 14:52:09 GMT+0800 (中国标准时间) var timeStamp = Date.parse(date) console.log(timeStamp) // 00
转化指定'年:月'为时间戳，日会默认取1号0点0分
var date = '2022-8' var timeStamp = Date.parse(date) console.log(timeStamp) // 00 转回去是2022-08-01 00:00:00
转化指定'年:月:日'为时间戳，时间默认0点0分
var date = '2022-8-16' var timeStamp = Date.parse(date) console.log(timeStamp) // 00 转回去是2022-08-16 00:00:00
转化指定'年:月:日 时:分'为时间戳,秒默认为0
var date = '2022-8-16 12:10' var timeStamp = Date.parse(date) console.log(timeStamp) // 00 转回去是2022-08-16 12:10:00
转化指定'年-月-日 时:分:秒'为时间戳
var date = '2022-8-16 12:10:30' var timeStamp = Date.parse(date) console.log(timeStamp) // 00 转回去是2022-08-16 12:10:30
获取当前年月日时分秒并转化为时间戳，三种方式（标准时间转时间戳）
let date = new Date()//获取标准时间 //Tue Aug 16 2022 15:06:24 GMT+0800 (中国标准时间) //方式一 let timeStamp = date.getTime()//转时间戳 //方式二 let timeStamp = date.valueOf() //方式三 let timeStamp = Date.parse(date) console.log(timeStamp) // 00
JS时间戳转换方式示例详解
前言
在js中将时间戳转换为常用的时间格式，有三种主要的方式
1、使用JS中已有的函数，例如getFullYear(),getMonth()等，将时间戳直接转换成对应的年月；
2、创建时间过滤器，在其他的页面中直接调用该过滤器，转换时间戳；
3、使用day.js，将时间戳转换成常用的时间写法
4、本文以vue2和vue3两个后台管理系统中的下单时间为例，将原本的时间戳转换为年月日的形式，其中vue2使用js和element ui，vue3使用TS和element-plus
1、js 时间戳转日期（可直接复制）
// 时间戳 let timestamp = // 此处时间戳以毫秒为单位 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 dayjs cnpm install dayjs -S yarn add dayjs
（2）页面中具体使用
示例：后台管理系统，vue3 + TS + element-plus，将下单时间的时间戳转换为年月日的形式
使用前：
使用后：
① html部分
npm install dayjs cnpm install dayjs -S yarn add dayjs
②获取到的数据
③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时间戳转换方式的文章就介绍到这了,更多相关js时间戳转换内容请搜索本网站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本网站！
您可能感兴趣的文章:
- JS时间戳转换为常用时间格式的三种方式
- javascript获取时间戳的5种方法详解
- JavaScript 实现日期时间转时间戳
- JS获取当前时间戳方法解析
- js时间戳与日期格式之间相互转换
- JavaScript时间戳与时间日期间相互转换
- nodejs如何获取时间戳与时间差
- javascript时间戳和日期字符串相互转换代码(超简单)
- js时间戳转为日期格式的方法
- JS获取指定时间的时间戳的方法汇总(最新整理收藏版)
