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

2、在組件模板中引用定義好的時間戳函數(shù)

<template>
? ? <div>{{time | formatDate}}</div>
</template>

3、設置好在script中的引用和定義

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

vue時間戳轉換

后臺拿時間數(shù)據(jù)，一般不是時間格式，而是一串數(shù)組，這個時候就需要轉換，然后才可以使用了

?add_time(row, column, cellValue, index) {
? ? ? ? if (cellValue == null || cellValue == "") return "";
? ? ? ? let date = new Date(parseInt(cellValue) * 1000);
? ? ? ? let Y = date.getFullYear() + '-';
? ? ? ? let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
? ? ? ? let D = date.getDate() < 10 ? '0' + date.getDate() + ' ' : date.getDate() + ' ';
? ? ? ? let h = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
? ? ? ? let m = date.getMinutes() < 10 ? '0' + date.getMinutes() + ':' : date.getMinutes() + ':';
? ? ? ? let s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
? ? ? ? return Y + M + D;
? ? ? },

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: