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ú)提取出來(lái)作為普通的js方法使用。
本文已被整理到了《Vue.js前端組件學(xué)習(xí)教程》，歡迎大家學(xué)習(xí)閱讀。
關(guān)于vue.js組件的教程，請(qǐng)大家點(diǎn)擊專題vue.js組件學(xué)習(xí)教程進(jìn)行學(xué)習(xí)。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue項(xiàng)目前端錯(cuò)誤收集之sentry教程詳解
Sentry 是一個(gè)開源的錯(cuò)誤追蹤工具，可以幫助開發(fā)人員實(shí)時(shí)監(jiān)控和修復(fù)系統(tǒng)中的錯(cuò)誤。這篇文章主要介紹了vue項(xiàng)目前端錯(cuò)誤收集之sentry,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-05-05
這篇文章主要為大家詳細(xì)介紹了VUE項(xiàng)目中路由之間的傳值方式，文中的示例代碼講解詳細(xì)，涉及到的方法也都是開發(fā)時(shí)常用的，希望對(duì)大家有多幫助2023-06-06
這篇文章主要介紹了Vue傳遞參數(shù)不在URL路徑拼接顯示問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
最近在寫vue的一個(gè)項(xiàng)目要實(shí)現(xiàn)過渡的效果,雖然vue動(dòng)畫不是強(qiáng)項(xiàng),庫(kù)也多,但是基本的坑還是得踩扎實(shí),下面這篇文章主要給大家介紹了關(guān)于Vue中實(shí)現(xiàn)過渡動(dòng)畫效果的相關(guān)資料,需要的朋友可以參考下2023-01-01
vue監(jiān)聽滾動(dòng)條頁(yè)面滾動(dòng)動(dòng)畫示例代碼
Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式框架,與其它大型框架不同的是,Vue?被設(shè)計(jì)為可以自底向上逐層應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于vue監(jiān)聽滾動(dòng)條頁(yè)面滾動(dòng)動(dòng)畫的相關(guān)資料,需要的朋友可以參考下2023-06-06![警告[vue-router]?Duplicate?named?routes?definition簡(jiǎn)單解決方法](http://img.jbzj.com/images/xgimg/bcimg5.png)
警告[vue-router]?Duplicate?named?routes?definition簡(jiǎn)單解決方法
這篇文章主要關(guān)于介紹了警告[vue-router]?Duplicate?named?routes?definition的解決方法,這個(gè)錯(cuò)誤提示是因?yàn)樵赩ue Router中定義了重復(fù)的路由名稱,需要的朋友可以參考下2023-12-12
vue.js實(shí)現(xiàn)條件渲染的實(shí)例代碼
這篇文章主要介紹了vue.js實(shí)現(xiàn)條件渲染的實(shí)例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-06-06
本篇文章主要介紹了詳解vue slot插槽的使用方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-06-06
vue實(shí)現(xiàn)點(diǎn)擊導(dǎo)航欄滾動(dòng)頁(yè)面到指定位置的功能(推薦)
這篇文章主要介紹了vue實(shí)現(xiàn)點(diǎn)擊導(dǎo)航欄滾動(dòng)頁(yè)面到指定位置的功能(推薦),步驟一是是通過獲取不同板塊的滾輪高度,步驟二通過編寫執(zhí)行滾動(dòng)操作的函數(shù),結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11
淺談vue項(xiàng)目利用Hbuilder打包成APP流程,以及遇到的坑
這篇文章主要介紹了淺談vue項(xiàng)目利用Hbuilder打包成APP流程,以及遇到的坑，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2020-09-09