自定义私有过滤器

最新推荐文章于 2021-12-03 17:38:14 发布

panzm_csdn

最新推荐文章于 2021-12-03 17:38:14 发布

阅读量200

点赞数

分类专栏： Vue.js

本文链接：https://blog.csdn.net/panzm_csdn/article/details/80840025

版权

Vue.js 专栏收录该内容

16 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>private-filter</title>
	<script src="../vuejs/vue.min-1.0.28.js"></script>
</head>
<body>
	<div id='app'>
		{{time | dateFmt}}
	</div>
	<script type="text/javascript">
		new Vue({
			el:'#app',
			data:{time:new Date()},
			filters:{
				dateFmt:function(date){
					var time = '';
					var year = date.getFullYear();
					var month = date.getMonth();
					var day = date.getDate();
					var hour = date.getHours();
					var minute = date.getMinutes();
					var second = date.getSeconds();
					return time+year+'-'+month+'-'+day+'  '+hour+':'+minute+':'+second;
				}
			}
		});
	</script>
</body>
</html>