单击事件在网页上获取日期

最新推荐文章于 2020-10-31 14:38:25 发布

hanni_xie

最新推荐文章于 2020-10-31 14:38:25 发布

阅读量189

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/hanni_xie/article/details/104990645

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

使用vue 在网页上点击显示日期

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript" src="../js/vue.js" ></script>
		<div id='app'>	
			<button type="button" @click="show()">单击输出当前的日期信息（年/月/日）</button>
		    <p>{{date}}</p>
		</div>
       <script type="text/javascript">
       	var app = new Vue({
       		el:'#app',
       		data:{
       			date:'',
       		},
       		methods:{
					show:function(){
						var now = new Date();
						var year1 = now.getFullYear();
						var month = now.getMonth()+1;
						var day = now.getDate();
						this.date = year1+"/"+month+"/"+day
					}
				}
       	})
       </script>
	</body>
</html>