在前端开发中，获取当前日期和时间是非常常见的需求。本文将介绍JavaScript 中获取当前日期和时间的方法，并提供示例代码。
获取当前日期
要获取当前日期，可以使用 JavaScript 内置的 Date 对象。Date 对象有多种方法来获取不同格式的日期。下面是一些常见的方法：
1. 使用 toLocaleDateString() 方法
该方法返回一个表示当前日期的字符串，格式为当前地区的本地日期格式。
const date = new Date(); const currentDate = date.toLocaleDateString(); console.log(currentDate); // 输出：xxx-xx-xx (具体日期由当前地区决定)
2. 使用 toISOString() 方法
该方法返回一个 ISO 格式的日期字符串。
const date = new Date(); const currentDate = date.toISOString(); console.log(currentDate); // 输出：xxxx-xx-xxTxx:xx:xx.xxxZ（例如：2023-04-07T08:59:30.831Z）
3. 使用 toUTCString() 方法
该方法返回一个 GMT 格式的日期字符串。
const date = new Date(); const currentDate = date.toUTCString(); console.log(currentDate); // 输出：Thu, 07 Apr 2023 09:04:03 GMT
获取当前时间
要获取当前时间，可以使用 Date 对象的方法来获取小时、分钟、秒和毫秒。然后将它们组合成特定的格式。
1. 使用 getHours()、getMinutes() 和 getSeconds() 方法
const date = new Date();
const hours = date.getHours().toString().padStart(2, '0');
const minutes = date.getMinutes().toString().padStart(2, '0');
const seconds = date.getSeconds().toString().padStart(2, '0');
const currentTime = `${hours}:${minutes}:${seconds}`;
console.log(currentTime); // 输出：xx:xx:xx（当前时间）2. 使用 toLocaleTimeString() 方法
该方法返回一个表示当前时间的字符串，格式为当前地区的本地时间格式。
const date = new Date(); const currentTime = date.toLocaleTimeString(); console.log(currentTime); // 输出：上午/下午 xx:xx:xx（具体时间由当前地区决定）
获取当前日期和时间
要获取当前日期和时间，可以将以上两个部分组合在一起。
const date = new Date();
const currentDate = date.toLocaleDateString();
const hours = date.getHours().toString().padStart(2, '0');
const minutes = date.getMinutes().toString().padStart(2, '0');
const seconds = date.getSeconds().toString().padStart(2, '0');
const currentTime = `${hours}:${minutes}:${seconds}`;
const dateTime = `${currentDate} ${currentTime}`;
console.log(dateTime); // 输出：xxx-xx-xx xx:xx:xx（当前日期时间）完整示例代码
-- -------------------- ---- ------- ----- ---- - --- ------- -- ------ ----- ----------- - -------------------------- ------------------------- -- ------ ----- ----- - -------------------------------------- ----- ----- ------- - ---------------------------------------- ----- ----- ------- - ---------------------------------------- ----- ----- ----------- - --------------------------------- ------------------------- -- --------- ----- -------- - --------------- ---------------- ----------------------
总之，这些方法可以帮助你在 JavaScript 中快速获取当前日期和时间。根据自己的需求选择最适合的方法来使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/4172