您的位置:首页 > Web前端 > Vue.js

Vue.js基础_过滤器

2019-08-07 14:40 1186 查看

github上面的moment项目(JavaScript)

日期格式化组件

BootCDN引入开源项目:BootCDN

时间过滤器

[code]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/vue.js"></script>
<script src="https://cdn.bootcss.com/moment.js/2.24.0/moment.js"></script>
</head>
<body>
<div id="demo">
<p>{{date|dateString}}</p>
<p>{{date|dateString('YYYY-MM-DD')}}</p><!--指定参数format-->
<p>{{date|dateString('HH:mm:ss')}}</p>
</div>
</body>
<script>
Vue.filter('dateString',function (value,format) {
return moment(value).format(format||'MMMM Do YYYY, h:mm:ss a')
//如果传了用format,没传参数用'MMMM Do YYYY, h:mm:ss a'
})
/*
//也可以写成形参换值形式
Vue.filter('dateString',function (value,format='MMMM Do YYYY, h:mm:ss a') {
return moment(value).format(format)
//如果传了用format,没传参数用'MMMM Do YYYY, h:mm:ss a'
})
*/
new Vue({
el:'#demo',
data:{
date:new Date()
}

})
</script>
</html>

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: