vue.js 時間格式化，moment.js時間格式化
阿新 • • 發佈：2018-12-03
vue.js 時間格式化，moment.js時間格式化
================================
©Copyright 蕃薯耀 2018年12月03日
http://fanshuyao.iteye.com/
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>vue 時間格式化</title>
</head>
<body>
<div id="vueDiv">
<div style="margin-top: 30px;">
<div>{{nowTime}}</div>
</div>
<div style="margin-top: 30px;">
<div>-----使用moment.js格式化之後：-----</div>
<div>{{nowTime | dateFilter}}</div>
<div>{{nowTime | dateFilter('YYYY-MM-DD')}}</div>
<div>{{nowTime | dateFilter('HH:mm:ss')}}</div>
</div>
</div>
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript" src="../js/moment.js"></script>
<script type="text/javascript">
Vue.filter("dateFilter", function(date, formatPattern){
return moment(date).format(formatPattern || "YYYY-MM-DD HH:mm:ss");
});
var vueObj = new Vue({
el : "#vueDiv",
data : {
nowTime : new Date()
}
});
</script>
</body>
</html>
================================
©Copyright 蕃薯耀 2018年12月03日
http://fanshuyao.iteye.com/