JavaScript日期对象(Date)

1、描述

  • 创建一个 JavaScript Date 实例,该实例呈现时间中的某个时刻。Date 对象则基于 Unix Time Stamp,即自 1970 年 1 月 1 日(UTC)起经过的毫秒数。
    ————————引用自官网

2、语法

(1) 获取当前时间

① 语法格式:

	let 变量名 = new Date;
	let 变量名 = Date.now();
	//输出变量内容
	//输出变量类型

② 示例:

	<script>
		//获取当前日期
		let date = new Date;
		console.log(date);
		console.log(typeof date);
		
		//获取当前日期毫秒数
		let dates = Date.now();
		console.log(dates);
		console.log(typeof dates);
	</script>

③ 运行效果

Picture

(2)指定时间

② 语法格式:

	let 变量名 = new Date(指定的时间);
	//输出变量内容
	//输出变量类型

② 示例:

	<script>
		//方法1
		let dateOne = new Date('2023-01-28');
		console.log(dateOne);
		console.log(typeof dateOne);
	
		//方法2
		let dateTwo = new Date('January 28,2023 15:00:00');
		console.log(dateTwo);
		console.log(typeof dateTwo);

		//方法3
		let dateThr = new Date('2023-01-28T15:00:00');
		console.log(dateThr);
		console.log(typeof dateThr);

		//方法4
		let dateFou = new Date(2023,01,28);
		console.log(dateFou);
		console.log(typeof dateFou);
	
		//方法5
		let dateFiv = new Date(2023,01,28,15,0,0);
		console.log(dateFiv);
		console.log(typeof dateFiv);
	</script>

③ 运行效果

Picture

3、方法

(1)parse():返回某个日期毫秒数

① 语法格式:

	let 变量名 = Date.parse('要转换的时间');
	//输出变量结果

② 示例:

	<script>
		let date = Date.parse('2023-01-28T15:00:00');
		console.log(date);
	</script>

③ 运行效果

Picture

(2)getFullYear():获取年

① 语法格式:

	let 变量名 = new Date('日期');
	//输出变量结果并获取年

② 示例:

	<script>
		let date = new Date('2023-01-28');
		console.log(date.getFullYear());
	</script>

③ 运行效果

Picture

(3)getMonth():获取月

  • 返回值是0 ~ 11,需要在返回值的基础上 +1;

① 语法格式:

	let 变量1 = new Date('日期');
	let 变量2 = 变量1.getMonth() + 1;
	//输出变量2结果并获取月

② 示例:

	<script>
		let date = new Date('2023-01-28');
		let month = date.getMonth() + 1;
		console.log(month);
	</script>

③ 运行效果

Picture

(4)getDate():获取天

  • 返回值:1 ~ 31

① 语法格式:

	let 变量名 = new Date('日期');
	//输出变量结果并获取天

② 示例:

	<script>
		let date = new Date('2023-01-28');
		console.log(date.getDate());
	</script>

③ 运行效果

Picture

(5)getDay():获取日期是星期几

  • 返回值0 ~ 6,0表示星期天

① 语法格式:

	let 变量名 = new Date('日期');
	//输出变量结果并获取星期

② 示例:

	<script>
		let date = new Date('2023-01-28');
		console.log(date.getDay());
	</script>

③ 运行效果

Picture

(6)getHours():获取小时

① 语法格式:

	let 变量名 = new Date('日期');
	//输出变量结果并获取小时

② 示例:

	<script>
		let date = new Date('2023-01-28T15:05:03');
		console.log(date.getHours());
	</script>

③ 运行效果

Picture

(7)getMinutes():获取分钟

① 语法格式:

	let 变量名 = new Date('日期');
	//输出变量结果并获取分钟

② 示例:

	<script>
		let date = new Date('2023-01-28T15:05:03');
		console.log(date.getMinutes());
	</script>

③ 运行效果

Picture

(8)getSeconds():获取秒

① 语法格式:

	let 变量名 = new Date('日期');
	//输出变量结果并获取秒

② 示例:

	<script>
		let date = new Date('2023-01-28T15:05:03');
		console.log(date.getSeconds());
	</script>

③ 运行效果

Picture

(9)getMilliseconds():获取毫秒

① 语法格式:

	let 变量名 = new Date('日期');
	//输出变量结果并获取毫秒

② 示例:

	<script>
		let date = new Date();
		console.log(date.getMilliseconds());
	</script>

③ 运行效果

Picture

(10)获取本地时间

① 语法格式:

	let 变量1 = toLocaleDateString(); //获取日期
	let 变量2 = toLocaleTimeString(); //获取时间
	let 变量3 = toLocaleString(); //获取日期 时间
	console.log(变量1);
	console.log(变量2);
	console.log(变量3);

② 示例:

	<script>
		let dates = new Date();
		let date = dates.toLocaleDateString(); //获取日期
		let time = dates.toLocaleTimeString(); //获取时间
		let dateTime = dates.toLocaleString(); //获取日期/时间
		console.log(date);
		console.log(time);
		console.log(dateTime);
	</script>

③ 运行效果

Picture

(11)修改日期显示格式

① 语法格式:

	let 变量名 = new Date('日期');
	函数名(变量名); //调用函数
	function 函数名(形参){
    
    
		//获取年;
		//获取月;
		//获取日;
		return+ '-' ++ '-' +;
	}

② 示例:

	<script>
		//获取时间
		let date = new Date();
		//输出获取日期的原始值
		console.log(date);
		//调用函数并赋值给result
		let result = DateFormatString(date);
		//输出函数执行结果
		console.log(result);
		//定义函数
		function DateFormatString(date){
    
    
			//获取年
			let year = date.getFullYear();
			
			//获取月
			let month = date.getMonth() + 1;
			month = (month > 10)?month:'0' + month;	//月小于10,在数字前加0
			
			//获取天
			let day = date.getDate();
			day = (day > 10)?day:'0' + day	//天小于10,在数字前加0
			
			//获取时间
			let time = date.toLocaleTimeString();
			
			//返回值
			return year + '-' + month + '-' + day + ' ' + time
		}
	</script>

③ 运行结果

Picture

更多日期对象学习,请参考官网文档

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date

猜你喜欢

转载自blog.csdn.net/StupidlyGrass/article/details/128778071