vue.js將unix時(shí)間戳轉(zhuǎn)換為自定義時(shí)間格式
更新時(shí)間：2017年01月03日 10:59:03 作者：domainid
這篇文章主要介紹了vue.js將unix時(shí)間戳轉(zhuǎn)換為自定義時(shí)間格式的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本方法通過vue.js filter實(shí)現(xiàn)將unix時(shí)間戳轉(zhuǎn)換為自定義標(biāo)準(zhǔn)時(shí)間格式
<!-- js代碼 -->
$().ready(function() {
<!-- 自定義filter名稱為'time' -->
Vue.filter('time',
<!-- value 格式為13位unix時(shí)間戳 -->
<!-- 10位unix時(shí)間戳可通過value*1000轉(zhuǎn)換為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;
}
<!-- 獲取時(shí)間格式 2017-01-03 10:13:48 -->
// var t = Y+'-'+m+'-'+d+' '+H+':'+i+':'+s;
<!-- 獲取時(shí)間格式 2017-01-03 -->
var t = Y + '-' + m + '-' + d;
return t;
});)
};
<!-- html代碼 -->
<!-- 在需要轉(zhuǎn)換格式的位置使用名為time的vue.js filter -->
<td>{{tab2.fb1 | time}}</td>
以上js代碼中，年月日時(shí)分秒均已經(jīng)獲取到，可以自定義拼裝成需要的標(biāo)準(zhǔn)格式。
需要注意，本方法中的傳入值為13位unix時(shí)間戳，轉(zhuǎn)換方式詳參js代碼注釋。
function(value){…}部分可以單獨(dú)提取出來作為普通的js方法使用。
本文已被整理到了《Vue.js前端組件學(xué)習(xí)教程》，歡迎大家學(xué)習(xí)閱讀。
關(guān)于vue.js組件的教程，請大家點(diǎn)擊專題vue.js組件學(xué)習(xí)教程進(jìn)行學(xué)習(xí)。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了深入理解Vue 的條件渲染和列表渲染，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
在Vue中監(jiān)聽滾動事件可以通過使用指令或者自定義事件來實(shí)現(xiàn),這篇文章主要給大家介紹了關(guān)于前端vue滾動條滾動監(jiān)聽問題成功解決的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
使用iView Upload 組件實(shí)現(xiàn)手動上傳圖片的示例代碼
這篇文章主要介紹了使用iView Upload 組件實(shí)現(xiàn)手動上傳圖片的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
本文主要介紹了Vue3中key的作用和工作原理，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
vue中實(shí)現(xiàn)點(diǎn)擊變成全屏及縮放功能
這篇文章主要介紹了vue中實(shí)現(xiàn)點(diǎn)擊變成全屏及縮放功能,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
vue.js 嵌套循環(huán)、if判斷、動態(tài)刪除的實(shí)例
下面小編就為大家分享一篇vue.js 嵌套循環(huán)、if判斷、動態(tài)刪除的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要為大家詳細(xì)介紹了vue中SPA單頁面應(yīng)用程序的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了vue接入高德地圖繪制扇形，需求是有一個列表，列表的數(shù)據(jù)就是一個基站信息，包含基站的經(jīng)緯度信息和名字，基站下面又分扇區(qū)，本文通過示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-04-04
這篇文章主要介紹了淺析vue中的MVVM實(shí)現(xiàn)原理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
對請求的封裝在實(shí)際項(xiàng)目中是十分必要的,它可以讓我們統(tǒng)一處理 http 請求,比如做一些攔截,處理一些錯誤等,本篇文章將詳細(xì)介紹如何封裝 axios 請求,需要的朋友可以參考下2023-09-09