『壹』 vue.js怎樣將時間戳轉化為日期格式
將時間戳轉換成日期格式：
// 簡單的一句代碼
var date = new Date(時間戳); //獲取一個時間對象 注意：如果是uinx時間戳記得乘於1000。比如php函數time()獲得的時間戳就要乘於1000
/*----------下面是獲取時間日期的方法，需要什麼樣的格式自己拼接起來就好了----------*/
date.getFullYear();//獲取完整的年份(4位,1970)
date.getMonth();//獲取月份(0-11,0代表1月,用的時候記得加上1)
date.getDate();//獲取日(1-31)
date.getTime();//獲取時間(從1970.1.1開始的毫秒數)
date.getHours();//獲取小時數(0-23)
date.getMinutes();//獲取分鍾數(0-59)
date.getSeconds();//獲取秒數(0-59)
// 例子，比如需要這樣的格式：yyyy-MM-dd hh:mm:ss
var date = new Date(1398250549490);
Y = date.getFullYear() + '-';
M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
D = date.getDate() + ' ';
h = date.getHours() + ':';
m = date.getMinutes() + ':';
s = date.getSeconds();
console.log(Y+M+D+h+m+s); //呀麻碟
//輸出結果：2014-04-23 18:55:49
將日期格式轉換成時間戳：
// 也很簡單
date = new Date('2014-04-23 18:55:49:123'); //傳入一個時間格式，如果不傳入就是獲取現在的時間了，就這么簡單。
// 有三種方式獲取
time1 = date.getTime()
time2 = date.valueOf()
time3 = Date.parse(date)
// 三種獲取的區別
第一、第二種：會精確到毫秒
第三種：只能精確到秒，毫秒將用0來代替
// 比如上面代碼輸出的結果(一眼就能看出區別)：
// 1398250549123
// 1398250549123
// 1398250549000
注意：獲取到的時間戳除於1000就可以獲得unix的時間戳了，在傳值給PHP時用得到。
『貳』 vue顯示本地時間 一直變化
vue顯示本地時間 一直變化原因解決方法。
1.可以用day.js,處理日期和時間的js庫；2.使用vue過濾器filters。
『叄』 vue2中的過濾器
vue的過濾器只用用在 雙花括弧{{}} 和 v-bind 中，使用時採用|符號來實現
在main.js中全局定義過濾器方法，即可在項目中直接使用
直接在文件中使用filters，在其中定義要使用的過濾器
多個過濾器可串聯使用，前一個過濾的返回值作為後一個過濾器的入參
過濾器像函數一樣，可以接受參數
『肆』 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 = {
'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>
<!-- 輸出結果 -->
<!-- <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>
這樣就可以了