Objeto de data JavaScript (Data)

1. Descrição

  • Cria uma instância JavaScript Date que representa um momento no tempo. Os objetos Date são baseados no Unix Time Stamp, que é o número de milissegundos desde 1º de janeiro de 1970 (UTC).
    ——————— Citado do site oficial

2. Gramática

(1) Obtenha a hora atual

① Formato de sintaxe:

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

② Exemplo:

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

③ Efeito da operação

Foto

(2) Hora especificada

② Formato da sintaxe:

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

② Exemplo:

	<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>

③ Efeito da operação

Foto

3. Método

(1) parse(): retorna o número de milissegundos de uma determinada data

① Formato de sintaxe:

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

② Exemplo:

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

③ Efeito da operação

Foto

(2) getFullYear(): obtém o ano

① Formato de sintaxe:

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

② Exemplo:

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

③ Efeito da operação

Foto

(3) getMonth(): Obtém o mês

  • O valor de retorno é 0 ~ 11, que precisa ser +1 com base no valor de retorno;

① Formato de sintaxe:

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

② Exemplo:

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

③ Efeito da operação

Foto

(4) getDate(): Obtenha o dia

  • Valor de retorno: 1 ~ 31

① Formato de sintaxe:

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

② Exemplo:

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

③ Efeito da operação

Foto

(5) getDay(): obtém o dia da semana

  • O valor de retorno é 0 ~ 6, 0 significa domingo

① Formato de sintaxe:

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

② Exemplo:

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

③ Efeito da operação

Foto

(6) getHours(): obter horas

① Formato de sintaxe:

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

② Exemplo:

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

③ Efeito da operação

Foto

(7) getMinutes(): Obter minutos

① Formato de sintaxe:

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

② Exemplo:

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

③ Efeito da operação

Foto

(8) getSeconds(): obter segundos

① Formato de sintaxe:

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

② Exemplo:

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

③ Efeito da operação

Foto

(9) getMilliseconds(): Obter milissegundos

① Formato de sintaxe:

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

② Exemplo:

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

③ Efeito da operação

Foto

(10) Obtenha a hora local

① Formato de sintaxe:

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

② Exemplo:

	<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>

③ Efeito da operação

Foto

(11) Modifique o formato de exibição da data

① Formato de sintaxe:

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

② Exemplo:

	<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>

③ Resultados de execução

Foto

Para mais aprendizado de objeto de data, consulte a documentação do site oficial

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

Acho que você gosta

Origin blog.csdn.net/StupidlyGrass/article/details/128778071
Recomendado
Clasificación