vue.js怎样将时间戳转化为日期格式

vue.js怎样将时间戳转化为日期格式~

1、首先需要根据图示代码创建HTML文档，并创建JS标记。

2、然后需要根据图示代码new Date()创建日期对象。

3、然后需要根据图示代码以毫秒为单位的时间戳，设置日期对象。

4、然后需要根据图示代码打印设置后的日期。

5、保存文件，在浏览器查看输出将时间戳转化为日期格式成功。

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文件夹中。
在你的需要格式化时间戳的组件里像下面这样使用：


{{time | formatDate}}

2016-07-23 21:52 -->


import {formatDate} from './common/date.js';
export default {
filters: {
formatDate(time) {
var date = new Date(time);
return formatDate(date, 'yyyy-MM-dd hh:mm');
}
}
}

这样就可以了

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

<template>
    <!-- 过滤器  time 可以使后台得到的数据，循环出来的也行 -->
    <div>{{time | formatDate}}</div>
    <!-- 输出结果 -->
    <!-- <div>2016-07-23 21:52</div> -->
</template>
<script>
import {formatDate} from './common/date.js';
export default {
    filters: {
        formatDate(time) {
            var date = new Date(time);
            return formatDate(date, 'yyyy-MM-dd hh:mm');
        }
    }
}
</script>

---

乐清市17614753671： vue.js怎样将时间戳转化为日期格式? - ？
大叔超止咳： <!-- 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 = ...

乐清市17614753671： 如何在js中将时间戳转换为时间格式 - ？
大叔超止咳： js将时间戳转为日期格式 推荐一个JavaScript常用函数库 jutils 其中的formatDate(javascript时间戳转换)函数支持自定义格式,可以显示年,月,周,日,时,分,秒多种形式的日期和时间.例: 输出格式为 => 年、月、日、时、分、秒 var date = jutils.formatDate(new Date(1533686888*1000),＂YYYY-MM-DD HH:ii:ss＂); console.log(date); // 2019-07-09 19:44:01更多自定义返回格式可以参照: 一行js代码实现时间戳转时间格式 下面是相关源码的截图 js将时间戳转为日期格式

乐清市17614753671： js里面时间戳怎么转换为date - ？
大叔超止咳： var d = new Date( 时间戳 ); 注意时间戳的单位是毫秒.date:(计算机专业术语) 编辑 锁定1功能:设置或显示系统日期.2类型:内部命令3格式:DATE 年/月/日4使用说明:⑴省略 年/月/日 显示系统日期并提示输入新的日期,不修改则可直接按回车键,要修改则直接输入新日期.⑵当机器开始启动时,有自动处理文件(AUTOEXEC.BAT)被执行,则系统不提示输入系统日期.否则,提示输入新日期和时间.

乐清市17614753671： js怎么把时间戳转换成几分钟几小时前 - ？
大叔超止咳： 将时间戳转换成日期格式: // 简单的一句代码 var date = new Date(时间戳); //获取一个时间对象 注意:如果是uinx时间戳记得乘于1000.比如php函数time()获得的时间戳就要乘于1000 /*----------下面是获取时间日期的方法

乐清市17614753671： js怎么把时间戳转换为日期格式 - ？
大叔超止咳： js时间戳转日期格式 formatDate javascript 时间戳自定义格式转换,支持年月日时分秒等多种形式组合的日期和时间. 使用示例 年、月、日、时、分、秒 var date = jutils.formatDate(new Date(1533686888*1000),＂YYYY-MM-DD HH:ii:ss＂); ...

乐清市17614753671： JS时间格式转化？
大叔超止咳： 方法一:<br>var temper=&quot;2009-6-28 15:23&quot; <br>var dt = new Date(temper.replace(/-/,&quot;/&quot;)) <br>alert(dt) <br><br>方法二:<br>function ConvertDateFromString(dateString) { <br>if (dateString) { <br>var arr1 = dateString.split(...

乐清市17614753671： js把时间戳只转换为“时“和”分” - ？
大叔超止咳： 一行js代码实现时间戳转时间格式 javascript时间戳转日期时间,支持自定义输出日期格式,可以显示年,月,周,日,时,分,秒多种形式的日期和时间. var date = formatDate(new Date(1491386842*1000),＂HH:ii＂); console.log(date) //18:07 一行js代码实现时间戳转时间格式

乐清市17614753671： js时间戳怎么转成日期格式？
大叔超止咳： //时间戳转换成日期时间2014-8-8 下午11:40:20 function formatDate(ns){ return new Date(parseInt(ns) * 1000).toLocaleString().replace(/年|月/g, ＂-＂).replace(/日/g, ＂ ＂); } //时间戳转换成八位日期2014-5-5 function userDate(uData){ var ...

乐清市17614753671： js怎么把日期格式转换为日历显示格式,例如: - ？
大叔超止咳： 那只获取new Date().getHours()+':'+new Date().getMinutes() 就可以了

乐清市17614753671： vue如何利用单击事件输出当前时间? - ？
大叔超止咳： 网页<html> <script> //获取当前时间 function getNowFormatDate() { var date = new Date(); var seperator1 = ＂-＂; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 && month <= 9) { month = ...