JS日期转时间戳与时间戳转日期全攻略：原生、Vue过滤器及Day.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) // 1660632697000

    var date = '2022-8'
    var timeStamp = Date.parse(date)
    console.log(timeStamp) // 1659283200000 转回去是2022-08-01 00:00:00

    var date = '2022-8-16'
    var timeStamp = Date.parse(date)
    console.log(timeStamp) // 1660579200000 转回去是2022-08-16 00:00:00

    var date = '2022-8-16 12:10'
    var timeStamp = Date.parse(date)
    console.log(timeStamp) // 1660623000000 转回去是2022-08-16 12:10:00

    var date = '2022-8-16 12:10:30'
    var timeStamp = Date.parse(date)
    console.log(timeStamp) // 1660623000000 转回去是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) // 1606705009000

    // 时间戳 
    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) // 获取当前时间的时间戳

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}`
})

<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>

npm install dayjs
cnpm install dayjs -S
yarn add dayjs

npm install dayjs
cnpm install dayjs -S
yarn add dayjs

// 引入
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();