<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <p>{{ timeDate | formatDate }}</p> </div> <script src="vue.js"></script> <script> var padDate=function(va){ va=va<10?'0'+va:va; return va } // padDate和formDate.双向绑定。以一对一,不能更改 </script> <script> var app=new Vue({ el: '#app', data:{ timeDate: new Date() //标准时间转,初始化时间 }, filters: { formatDate: function (val) { //自动把标准时间转发 var value = new Date(val); var year = value.getFullYear(); var month = padDate(value.getMonth() + 1); var day = padDate(value.getDate()); var hour = padDate(value.getHours()); var minutes = padDate(value.getMinutes()); var seconds = padDate(value.getSeconds()); return year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds; } } }) </script> </body> </html>
Vue filter方法 ‘ | ’(通道)————时间格式化
最新推荐文章于 2024-07-04 10:07:27 发布