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/