vue时间戳转换成时间[vue时间格式化年月日时分秒]

最近有很多小伙伴咨询关于vue时间戳转换成时间的问题，小编结合多年的经验整理出来一些vue 时间格式化年月日时分秒对应的资料，分享给大家。

timestampToTime（timestamp） { var date = new Date（timestamp * 1000）；//时间戳为10位需*1000，时间戳为13位的话不需乘100。

使用moment。js，在main。js里引入moment，使用mixin把moment挂载在Vue对象上，这样不用每次使用的时候都引入。

!– value 格式为13位unix时间戳 —

!– 10位unix时间戳可通过value*1000转换为13位格式 —

export function formatDate (date, fmt)

主要功能

分镜头：通过点按改变视频的分镜数实现简易的剪辑效果，而剪辑能够让视频传达更多的信息。

实时滤镜：由电影调色专家调制的12款滤镜供选择，切换至前置摄像头会出现自然的自拍美颜功能。

贴纸：支持40款手绘贴纸，还可以编辑贴纸的出现时间。

自由画幅设置：支持1:1、16:9、2.39:1 三种画幅的视频拍摄。

使用moment.js

在main.js里引入moment

使用mixin把moment挂载在Vue对象上，这样不用每次使用的时候都引入

import?moment?from?’moment’;

Vue.mixin({

??created()?{

????this.$moment?=?moment;

??},

});

在其他文件调用，moment的用法很多，具体用法看官网，下面仅仅是举个例子

??methods:?{

????formatDate()?{

??????console.log(this.$moment(new?Date(2017,10,6)).format(‘YYYY-MM-DD?HH:mm:ss’));

??},

!– value 格式为13位unix时间戳 —

!– 10位unix时间戳可通过value*1000转换为13位格式 —

export function formatDate (date, fmt) {

if (/(y+)/.test(fmt)) {

fmt = fmt.replace(RegExp.$1, (date.getFullYear() + ”).substr(4 – RegExp.$1.length));

}

let o = {

‘M+’: date.getMonth() + 1,

‘d+’: date.getDate(),

‘h+’: date.getHours(),

‘m+’: date.getMinutes(),

‘s+’: date.getSeconds()

};

for (let k in o) {

if (new RegExp(`(${k})`).test(fmt)) {

let str = o[k] + ”;

fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));

}

}

return fmt;

};

function padLeftZero (str) {

return (’00’ + str).substr(str.length);

};

把上面代码保存为date.js放到你的公共js文件夹中。

在你的需要格式化时间戳的组件里像下面这样使用：

template

!– 过滤器 ?time 可以使后台得到的数据，循环出来的也行 —

div{{time | formatDate}}/div

!– 输出结果 —

!– div2016-07-23 21:52/div —

/template

script

import {formatDate} from ’;

export default {

filters: {

formatDate(time) {

var date = new Date(time);

return formatDate(date, ‘yyyy-MM-dd hh:mm’);

}

}

}

/script

这样就可以了

获取标时间原生Date格式

例如（Thu Aug 20 2020 14:55:18 GMT+0800 (中国标准时间)），并转换成2020-08-20 模式getTime (time) {var date = new Date(time)var y = date.getFullYear()var m = (date.getMonth() + 1 方法一

import moment from ‘moment’var startTime=’2020-08-07’moment(startTime).unix() * 1000复制代码

方法二：将日期格式转换成时间戳：var date = new Date(‘2014-04-23 18:55:49:123’); // 有三种方式获取var time1 = date.getTime();var time2 = date.valueOf();var time3 =Date.parse(date);console.log(time1);//1398250549123console.log(time2);//1398250549123console.log(time3);//139825054900复制代码将时间戳转换成日期格式：复制代码function timestampToTime(timestamp) {var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 Y = date.getFullYear() + ‘-‘;M = (date.getMonth()+1

直接把字符串传到Date对象里他会帮你转成时间的

var?timeStr1?=?’2018/08/08′;

var?timeStr2?=?’2018/12/12′;

var?time1?=?new?Date(timeStr1).getTime();

var?time2?=?new?Date(timeStr2).getTime();

return?time1??time2;

感谢您阅读本篇对vue时间戳转换成时间的详细介绍，如果你对vue 时间格式化年月日时分秒还不够了解，想进一步学习关于vue时间戳转换成时间的知识，可以在本站首页搜索你想知道的！

相关内容