vue.js將unix時間戳轉換為自定義時間格式
更新時間：2017年01月03日 10:59:03 作者：domainid
這篇文章主要介紹了vue.js將unix時間戳轉換為自定義時間格式的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本方法通過vue.js filter實現(xiàn)將unix時間戳轉換為自定義標準時間格式
<!-- js代碼 -->
$().ready(function() {
<!-- 自定義filter名稱為'time' -->
Vue.filter('time',
<!-- value 格式為13位unix時間戳 -->
<!-- 10位unix時間戳可通過value*1000轉換為13位格式 -->
function(value) {
var date = new Date(value);
Y = date.getFullYear(),
m = date.getMonth() + 1,
d = date.getDate(),
H = date.getHours(),
i = date.getMinutes(),
s = date.getSeconds();
if (m < 10) {
m = '0' + m;
}
if (d < 10) {
d = '0' + d;
}
if (H < 10) {
H = '0' + H;
}
if (i < 10) {
i = '0' + i;
}
if (s < 10) {
s = '0' + s;
}
<!-- 獲取時間格式 2017-01-03 10:13:48 -->
// var t = Y+'-'+m+'-'+d+' '+H+':'+i+':'+s;
<!-- 獲取時間格式 2017-01-03 -->
var t = Y + '-' + m + '-' + d;
return t;
});)
};
<!-- html代碼 -->
<!-- 在需要轉換格式的位置使用名為time的vue.js filter -->
<td>{{tab2.fb1 | time}}</td>
以上js代碼中，年月日時分秒均已經獲取到，可以自定義拼裝成需要的標準格式。
需要注意，本方法中的傳入值為13位unix時間戳，轉換方式詳參js代碼注釋。
function(value){…}部分可以單獨提取出來作為普通的js方法使用。
本文已被整理到了《Vue.js前端組件學習教程》，歡迎大家學習閱讀。
關于vue.js組件的教程，請大家點擊專題vue.js組件學習教程進行學習。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
Sentry 是一個開源的錯誤追蹤工具，可以幫助開發(fā)人員實時監(jiān)控和修復系統(tǒng)中的錯誤。這篇文章主要介紹了vue項目前端錯誤收集之sentry,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-05-05
這篇文章主要為大家詳細介紹了VUE項目中路由之間的傳值方式，文中的示例代碼講解詳細，涉及到的方法也都是開發(fā)時常用的，希望對大家有多幫助2023-06-06
這篇文章主要介紹了Vue傳遞參數(shù)不在URL路徑拼接顯示問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
最近在寫vue的一個項目要實現(xiàn)過渡的效果,雖然vue動畫不是強項,庫也多,但是基本的坑還是得踩扎實,下面這篇文章主要給大家介紹了關于Vue中實現(xiàn)過渡動畫效果的相關資料,需要的朋友可以參考下2023-01-01
Vue是一套用于構建用戶界面的漸進式框架,與其它大型框架不同的是,Vue?被設計為可以自底向上逐層應用,下面這篇文章主要給大家介紹了關于vue監(jiān)聽滾動條頁面滾動動畫的相關資料,需要的朋友可以參考下2023-06-06![警告[vue-router]?Duplicate?named?routes?definition簡單解決方法](http://img.jbzj.com/images/xgimg/bcimg5.png)
警告[vue-router]?Duplicate?named?routes?definition簡單解決方法
這篇文章主要關于介紹了警告[vue-router]?Duplicate?named?routes?definition的解決方法,這個錯誤提示是因為在Vue Router中定義了重復的路由名稱,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了vue.js實現(xiàn)條件渲染的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
本篇文章主要介紹了詳解vue slot插槽的使用方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
vue實現(xiàn)點擊導航欄滾動頁面到指定位置的功能(推薦)
這篇文章主要介紹了vue實現(xiàn)點擊導航欄滾動頁面到指定位置的功能(推薦),步驟一是是通過獲取不同板塊的滾輪高度,步驟二通過編寫執(zhí)行滾動操作的函數(shù),結合實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2023-11-11
淺談vue項目利用Hbuilder打包成APP流程,以及遇到的坑
這篇文章主要介紹了淺談vue項目利用Hbuilder打包成APP流程,以及遇到的坑，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09