(尚015)Vue過濾器(對顯示的數據進行格式化)


現在日期為:當前時間-1970年1月1日0時0分0秒的時間差

 

 

 

 日期格式化:百度搜索moment

 

 1.test015.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--需求;對當前時間進行指定格式顯示-->
<div id="test">
<h2>顯示格式化的日期時間</h2>
<p>{{date}}</p>
<p>完整版:{{date|dateString}}</p>
<p>年月日:{{date|dateString('YYYY-MM-DD')}}</p>
<p>時分秒:{{date|dateString('HH:mm:ss')}}</p>
</div>

<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/moment.js/2.24.0/moment.js"></script>
<script type="text/javascript">
//自定義過濾器
//Vue的函數對象(Vue現在是函數,但現在當對象使用)的filter()方法
//<p>完整版:{{date|dateString}}</p>將這個表達式的值傳遞給下面這個函數
  //format對應於上
<p>年月日:{{date|dateString('YYYY-MM-DD')}}</p>括號中有沒有值
    Vue.filter('dateString',function(value,format){
return moment(value).format(format||'YYYY-MM-DD HH:mm:ss')
})

new Vue({
el:'#test',
data:{
date: new Date()
}
})
</script>
</body>
</html>
2.顯示截圖

 

 




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM