一、在页面中直接使用

1. 通过模板字符串使用：

{{ times }}

2. 定义变量存放时间：

data() {return {times: "",};
},

3. 在 mounted() 方法里调用：

mounted() {const date = new Date();const Y = date.getFullYear();const M = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;const D = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();const h = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();const m = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();this.times = Y + "-" + M + "-" + D + " " + h + ":" + m;
},

二、封装函数（推荐）

1. 在单独的 js 文件内书写格式化的代码：

// 封装转化时间格式的函数,js时间戳转化成日期格式
export function timestampToTime(timestamp) {const time = new Date(timestamp);const Y = time.getFullYear();const M = time.getMonth() + 1 < 10 ? "0" + (time.getMonth() + 1) : time.getMonth() + 1;const D = time.getDate() < 10 ? "0" + time.getDate() : time.getDate();const h = time.getHours() < 10 ? "0" + time.getHours() : time.getHours();const m = time.getMinutes() < 10 ? "0" + time.getMinutes() : time.getMinutes();const s = time.getSeconds() < 10 ? "0" + time.getSeconds() : time.getSeconds();return Y + "-" + M + "-" + D + " " + h + ":" + m;
}

2. 导入方法并使用：

多个方法可以在main.js内全局导入
import "./utils/time";

在使用到该方法的页面按需导入（推荐）
import { timestampToTime } from "@/utils/time";

3. 定义变量存放时间并使用：

data() {return {times: "",};
},

4. 在 mounted() 函数中获取当前时间戳并转化为固定格式赋值给定义的变量显示：

（这里我已经在js文件中return时指定显示格式）

mounted() {let time = +new Date();this.times = timestampToTime(time);// this.times = timestampToTime(time, 'yyyy-mm-dd h:m:s');
},

三、其他

可以通过路由传参把获取的时间在另一个页面使用：路由传参

js获取时间戳转化成日期格式的直接使用和封装相关推荐

js处理时间(时间戳转化成日期格式、几分钟前，几个小时前等、视频时长)
1.时间戳转换成日期格式下面这个方法转换成的格式为:2018-12-10 18:26:32 // 时间戳format(timestamp) {var date = new Date(timestam ...
js处理时间戳转成日期格式
获取指定的时间格式 function GformatTime(time,format){ let timeIsObject = false;// 如果两个参数都为空则,全部采用默认if(typeof ...
js将时间戳转化成日期
代码 formatDate(item_date) {let date = new Date(parseInt(item_date) * 1000);let YY = date.getFullYear( ...
js 时间戳转换成时间_JavaScript 时间戳转成日期格式
我们在开发中经常需要把时间戳转化成日期格式,但 JavaScript 本身自带的 Date 方法并不像 PHP date 的那么强大.因此,我们就需要自己动手写一个方法. 首先我们要先了解下需要用到的 ...
new Date将字符串转化成日期格式兼容IE，ie8如何通过new Date将字符串转化成日期格式，js中如何进行字符串替换， replace() 方法详解
new Date将字符串转化成日期格式兼容IE,ie8如何通过new Date将字符串转化成日期格式,js中如何进行字符串替换, replace() 方法详解 //获得年月日时分秒 //传入日期// ...
10位、13位时间戳转换成日期格式JS
10位.13位时间戳转换成日期格式JS 此处parama为我们需要交换的时间变量 10位时间戳需要*1000 13位不需要 let date = new Date(parseInt(param)); ...
Java如何把UNIX时间戳转换成日期格式-日期格式转化时间戳戳-当前时间戳
开发中,经常需要把UNIX时间戳通过日期格式显示出来,如下可以输出日期格式 package com.self.date;import java.util.Date; import java.text. ...
时间戳转成日期格式（全）
1:把后端返回的时间戳转为现在的时间戳的方法代码: parseInt(new Date().getTime()) 转化为明天现在的时间戳: parseInt(new Date().getTime() ...
将时间戳转换成日期格式：
1. 将时间戳转换成日期格式: function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10 ...

js获取时间戳转化成日期格式的直接使用和封装

一、在页面中直接使用

1. 通过模板字符串使用：

2. 定义变量存放时间：

3. 在 mounted() 方法里调用：

二、封装函数（推荐）

1. 在单独的 js 文件内书写格式化的代码：

2. 导入方法并使用：

3. 定义变量存放时间并使用：

4. 在 mounted() 函数中获取当前时间戳并转化为固定格式赋值给定义的变量显示：

三、其他

js获取时间戳转化成日期格式的直接使用和封装相关推荐

最新文章

热门文章