Vue 2.0 时间过滤器

最新推荐文章于 2023-05-08 18:10:36 发布

嘿丷如歌

最新推荐文章于 2023-05-08 18:10:36 发布

阅读量1.1k

点赞数

分类专栏： vue 从入门到放弃

本文链接：https://blog.csdn.net/qq_35776392/article/details/78373690

版权

vue 从入门到放弃专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<link rel="stylesheet" href="css/bootstrap.css">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/vue.js"></script>
		<script>
			Vue.filter("data",function (input) {
		       var d = new Date(input);
		       var year = d.getFullYear();
		       var month = d.getMonth() + 1;
		       var day = d.getDate() <10 ? '0' + d.getDate() : '' + d.getDate();
		       var hour = d.getHours();
		       var minutes = d.getMinutes();
		       var seconds = d.getSeconds();
		       return  year+ '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds;
   			})
			
			window.onload = function() {
				new Vue({
					el: '#box',
					data: {
						  a: Date.now()
					}
				})
			}
		</script>
	</head>

	<body>
		<div id="box">
			当前时间:{{a | data}}
		</div>
	</body>

</html>