JavaScript - 获取日期方法



获取日期方法

JavaScript 利用 Date 对象进行日期和时间操作。此对象提供了一系列方法,这些方法有助于检索和修改特定于日期的信息。在这里,我们将讨论 JavaScript 中的 get date 方法,这些方法获取日期/时间的不同组件。

下表列出了最常用的 get date 方法及其相应的描述。

方法 描述
getFullYear() 此方法通过检索本地时区的当前年份来获取和显示综合日历年;它返回本地日期对象的完整四位数表示形式。
getMonth() 返回本地日期对象的月份 (0-11)。此方法检索当前月份,其值范围为 0(1 月)到 11(12 月)。它可用于显示和操作与月份相关的信息。
getDate() 方法:“返回当前日期的日期部分”,值范围为 1 到 31。当需要从本地日期对象中提取此信息时,此功能被证明特别有用。
getHours() 函数 'getHours()' 提取并返回本地日期对象的小时部分 (0-23)。这允许您为各种与时间相关的应用程序检索本地时区的当前小时。
getMinutes() 返回本地日期对象的分钟 (0-59)。检索当前分钟分量,范围从 0 到 59。用于显示和处理分钟级别的时间相关数据。
getSeconds() 将返回本地日期对象的 0 到 59 之间的秒数。它为各种基于时间的计算/显示提供了精确到秒的精度。
getMilliseconds() 返回本地日期对象的毫秒数 (0-999)。检索当前毫秒分量,从而在与时间相关的应用程序和计算中实现高精度。
getDay() 返回星期几的索引,从 0 开始(代表星期日),一直到 6(代表星期六)。
getUTCFullYear() 返回以协调世界时 (UTC) 表示的日期对象的完整 4 位数字年份。此方法以 UTC 格式检索当前年份,提供日历年的标准化表示形式,而与本地时区无关。
getUTCMonth() 返回从 0(Jan) 到 11(Dec)的月份索引,但返回协调世界时 (UTC) 的日期对象的索引。
getUTCDate() 返回以协调世界时 (UTC) 表示的日期对象的月份日期 (1-31)。对于在 UTC 上下文中获取当前日期的日期部分很有用。
getUTCHours() 返回协调世界时 (UTC) 中日期对象的小时 (0-23)。检索 UTC 的当前小时,从而允许跨不同时区对小时组件进行标准化访问。
getUTCMinutes() 返回协调世界时 (UTC) 中日期对象的分钟 (0-59)。检索 UTC 格式的当前分钟分量,为各种基于时间的国际应用程序提供标准化的分钟信息。
getUTCSeconds() 该函数以协调世界时 (UTC) 获取日期对象的秒数(范围从 0 到 59)。它还获取 UTC 的当前第二个分量,从而实现跨不同时区的标准化第二个信息。
getUTCMilliseconds() 该函数返回协调世界时 (UTC) 中日期对象的毫秒数 (0-999);它检索并与时间相关的标准化计算和应用程序并提供高精度:具体来说,它提供 UTC 的当前毫秒分量。

例子

示例 1:get date 方法的简单演示

下面的示例演示了流行的 JavaScript 日期方法的基本应用:它实例化一个新的 Date 对象来表示当前的日期和时间;随后,它展示了一系列不同的组成部分 - 年、月、日;小时、分钟、秒、毫秒;以及相应的 UTC 对应项。显示的元素不仅包括标准的时间划分,还包括有关工作日的补充信息:从而提供了对当前时间动态的全面洞察。


<!DOCTYPE html>
<html>
<head>
	 	<title> Exxample to demonstrate get date methods in JavaScript</title>
</head>
<body>
	 	<script>
	 	 	 // 创建新的Date对象
	 	 	 const currentDate = new Date();

	 	 	 function displayResult(methodName, result) {
	 	 	 	 	const resultDiv = document.createElement('div');
	 	 	 	 	resultDiv.innerHTML = `${methodName}: ${result}`;
	 	 	 	 	document.body.appendChild(resultDiv);
	 	 	 }

	 	 	 displayResult('getFullYear()', currentDate.getFullYear());
	 	 	 displayResult('getMonth()', currentDate.getMonth());
	 	 	 displayResult('getDate()', currentDate.getDate());
	 	 	 displayResult('getHours()', currentDate.getHours());
	 	 	 displayResult('getMinutes()', currentDate.getMinutes());
	 	 	 displayResult('getSeconds()', currentDate.getSeconds());
	 	 	 displayResult('getMilliseconds()', currentDate.getMilliseconds());
	 	 	 displayResult('getDay()', currentDate.getDay());
	 	 	 displayResult('getUTCFullYear()', currentDate.getUTCFullYear());
	 	 	 displayResult('getUTCMonth()', currentDate.getUTCMonth());
	 	 	 displayResult('getUTCDate()', currentDate.getUTCDate());
	 	 	 displayResult('getUTCHours()', currentDate.getUTCHours());
	 	 	 displayResult('getUTCMinutes()', currentDate.getUTCMinutes());
	 	 	 displayResult('getUTCSeconds()', currentDate.getUTCSeconds());
	 	 	 displayResult('getUTCMilliseconds()', currentDate.getUTCMilliseconds());
	 	</script>
</body>
</html>

示例 2:两个日期的比较

在此示例中,Date 构造函数创建两个特定日期:date1 和 date2。该脚本随后比较这些日期;它显示其格式化的表示形式,以及一条消息,指示 date1 是晚于、早于还是等于 date2。


<!DOCTYPE html>
<html>
<head>
	 	<title>Comparison of two dates in JavaScript</title>
</head>
<body>
	 	<script>
	 	 	 const date1 = new Date(2024, 0, 18);
	 	 	 const date2 = new Date(2024, 0, 26);

	 	 	 function displayComparison() {
	 	 	 	 	const date1Div = document.createElement('div');
	 	 	 	 	date1Div.innerHTML = `Date 1: ${date1.toDateString()}`;
	 	 	 	 	document.body.appendChild(date1Div);

	 	 	 	 	const date2Div = document.createElement('div');
	 	 	 	 	date2Div.innerHTML = `Date 2: ${date2.toDateString()}`;
	 	 	 	 	document.body.appendChild(date2Div);

	 	 	 	 	const resultDiv = document.createElement('div');
	 	 	 	 	if (date1 > date2) {
	 	 	 	 	 	 resultDiv.innerHTML = "date 1 is later than date 2";
	 	 	 	 	} else if (date1 < date2) {
	 	 	 	 	 	 resultDiv.innerHTML = "date 1 is earlier than date 2";
	 	 	 	 	} else {
	 	 	 	 	 	 resultDiv.innerHTML = "Both dates are equal";
	 	 	 	 	}
	 	 	 	 	document.body.appendChild(resultDiv);
	 	 	 }

	 	 	 displayComparison();
	 	</script>
</body>
</html>