<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue filter</title>
<script type="text/javascript" src="https://cdn.bootcss.com/vue/2.5.14/vue.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/moment.js/2.22.1/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/moment.js/2.22.1/locale/zh-cn.js"></script>
<script type="text/javascript">
var Filter = {
dateTime: function(value){
return value == null ? '' : moment(value).format('YYYY-MM-DD HH:mm:ss');
},
date: function(value){
return value == null ? '' : moment(value).format('YYYY-MM-DD');
},
time: function(value){
return value == null ? '' : moment(value).format('HH:mm:ss');
},
chDate: function(value){
return value == null ? '' : moment(value).format('YYYY年MM月DD日');
},
chDay: function(value){
return value == null ? '' : moment(value).format('MM月DD日');
},
dotDate: function(value){
return value == null ? '' : moment(value).format('YYYY.MM.DD');
},
fromNow: function(value){
if(value == null) return '';
var diffTime = new Date().getTime() - moment(value);
if(diffTime < 100060){
return '剛剛';
}else if(diffTime < 10003600243){
return moment(value).fromNow();
}else{
return Filter.date(value);
}
},
nextDay:function(value){
return value == null ? '' : moment(value).add(1, 'days').format('YYYY-MM-DD');
},
prevDay:function(value){
return value == null ? '' : moment(value).subtract(1,'days').format('YYYY-MM-DD');
},
nextSevenDay:function(value){
return value == null ? '' : moment(value).add(7, 'days').format('YYYY-MM-DD');
}
}
for(key in Filter){
Vue.filter(key, Filter[key]);
}
</script>
</head>
<body>
<div id="app">
{{ datetime | dateTime }}
</div>
<script type="text/javascript">
var app = new Vue({
el:'#app',
data:{
datetime:+new Date().getTime()
}
})
</script>
</body>
</html>
vue過濾器時間格式化
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門鳍置，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人送淆，你說我怎么就攤上這事税产。” “怎么了偷崩？”我有些...
- 文/不壞的土叔 我叫張陵辟拷，是天一觀的道長。 經(jīng)常有香客問我阐斜，道長衫冻，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任谒出，我火速辦了婚禮隅俘，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘笤喳。我一直安慰自己为居，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布杀狡。 她就那樣靜靜地躺著颜骤，像睡著了一般。 火紅的嫁衣襯著肌膚如雪捣卤。 梳的紋絲不亂的頭發(fā)上忍抽，一...
- 文/蒼蘭香墨 我猛地睜開眼哥捕，長吁一口氣：“原來是場噩夢啊……” “哼牧抽！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起遥赚，我...
- 正文 年R本政府宣布弥激，位于F島的核電站，受9級特大地震影響货邓，放射性物質(zhì)發(fā)生泄漏秆撮。R本人自食惡果不足惜四濒，卻給世界環(huán)境...
- 文/蒙蒙 一换况、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧盗蟆，春花似錦戈二、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至仆邓，卻和暖如春鲜滩，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背节值。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 找到fullcalendar.js， 找到代碼為 isRTL：false幢炸，這句話 輸入以下幾句 monthName...
- Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具（例如配置管理泄隔，服務(wù)發(fā)現(xiàn)，斷路器宛徊，智...
- 財報說作者梁超： 在這里給大家分享一個東西梅尤，也是最近經(jīng)林明樟MJ老師點撥后才想明白的事情柜思。 大家也應(yīng)該看到了關(guān)于“...
