js中Date日期和模拟日历

约德尔蒙

已于 2023-09-25 12:36:41 修改

阅读量441

点赞数

分类专栏： Js 文章标签： javascript 前端开发语言

于 2016-11-20 17:31:05 首次发布

本文链接：https://blog.csdn.net/gyq04551/article/details/53242373

版权

Js 专栏收录该内容

64 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
<div class="div"></div>
<script>
	//---------------------------date日期的创建------------------------
	//第一种
	var date1 = new Date();
	console.log(date1);

	//第二种
	var date2 = new Date("2016/09/06 00:00:00");
	console.log(date2);


	//后两种兼容性不好，不推荐使用
	//第三种
	var date3 = new Date('Wed Jan 27 2016 12:00:00 GMT+0800 (中国标准时间)');

	//第四种
	var date4 = new Date(2016, 1, 27);



	console.log(date1.getDate()          )       //获取日 1-31
	console.log(date1.getDay ()          )       //获取星期 0-6（0代表周日）
	console.log(date1.getMonth ()        )       //获取月 0-11（1月从0开始）
	console.log(date1.getFullYear ()	 )      //获取完整年份（浏览器都支持）
	console.log(date1.getHours ()	     )       // 获取小时 0-23
	console.log(date1.getMinutes ()	     )     //获取分钟 0-59
	console.log(date1.getSeconds ()	     )     //获取秒  0-59
	console.log(date1.getMilliseconds () )       //获取毫秒 （1s = 1000ms）
	console.log(date1.getTime ()	     )      //返回累计毫秒数(从1970/1/1午夜)


	//获取当前时间距离1970/01/01的毫秒值

	//    var date11 = Date.now();
	//    var date22 = +new Date();
	//    var date33 = new Date().getTime();
	//    var date44 = new Date().valueOf();
	//
	//    console.log(date11);
	//    console.log(date22);
	//    console.log(date33);
	//    console.log(date44);


	//--------------------------模拟日历----------------------------------
	//模拟日历
	//需求：每天打开这个页面都能定时显示年月日和星期几
	//步骤：（创建一个当前日期的日期对象，然后获取其中的年月日和星期，赋值给div）
	//1.创建一个当前日期的日期对象
	//2.然后获取其中的年月日和星期
	//3.赋值给div

	//1.创建一个当前日期的日期对象
	var date = new Date();
	//2.然后获取其中的年月日和星期
	var year = date.getFullYear();
	var month = date.getMonth();
	var hao = date.getDate();
	var week = date.getDay();
	//console.log(year+" "+month+" "+hao+" "+week);
	//3.赋值给div
	var arr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
	var div = document.getElementsByTagName("div")[0];
	div.innerText = "今天是："+year+"年"+(month+1)+"月"+hao+"日 "+arr[week];


</script>
</body>
</html>

约德尔蒙

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js中Date日期和模拟日历

//---------------------------date日期的创建------------------------ //第一种 var date1 = new Date(); console.log(date1); //第二种
复制链接

扫一扫