微信登录

内置对象 - Date 对象 - 日期的创建与获取

前端 - Javascript 《内置对象 - Date 对象 - 日期的创建与获取》

在前端开发中,处理日期和时间是一项常见的任务。JavaScript 为我们提供了强大的 Date 对象,它可以帮助我们轻松地创建、操作和获取日期信息。本文将带大家深入了解 Date 对象中日期的创建与获取。

日期的创建

1. 创建当前日期和时间

使用 new Date() 可以创建一个表示当前日期和时间的对象。

  1. const currentDate = new Date();
  2. console.log(currentDate);

运行这段代码,控制台会输出当前的日期和时间,格式类似 Thu Dec 14 2023 15:30:00 GMT+0800 (中国标准时间)

2. 通过时间戳创建日期

时间戳是指从 1970 年 1 月 1 日 00:00:00 UTC 到指定时间所经过的毫秒数。可以使用 new Date(timestamp) 来创建日期。

  1. const timestamp = 1609459200000; // 2021 年 1 月 1 日的时间戳
  2. const specificDate = new Date(timestamp);
  3. console.log(specificDate);

3. 通过特定日期字符串创建

可以传入一个符合特定格式的日期字符串来创建 Date 对象。

  1. const dateString = '2022-02-22';
  2. const dateFromString = new Date(dateString);
  3. console.log(dateFromString);

日期创建方式总结

创建方式 示例代码 说明
当前日期和时间 const currentDate = new Date(); 创建表示当前时刻的日期对象
时间戳 const specificDate = new Date(timestamp); 根据指定的毫秒数创建日期对象
日期字符串 const dateFromString = new Date(dateString); 根据特定格式的日期字符串创建日期对象

日期的获取

1. 获取年、月、日

getFullYear() 方法用于获取年份,getMonth() 方法获取月份(注意月份是从 0 开始计数的,即 0 表示 1 月,11 表示 12 月),getDate() 方法获取日期。

  1. const date = new Date();
  2. const year = date.getFullYear();
  3. const month = date.getMonth() + 1;
  4. const day = date.getDate();
  5. console.log(`今天是 ${year} ${month} ${day} 日`);

2. 获取星期几

getDay() 方法可以获取当前日期是星期几,返回值是 0 - 6,其中 0 表示星期日,6 表示星期六。

  1. const date = new Date();
  2. const dayOfWeek = date.getDay();
  3. const days = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
  4. console.log(`今天是 ${days[dayOfWeek]}`);

3. 获取小时、分钟、秒

getHours() 方法获取小时,getMinutes() 方法获取分钟,getSeconds() 方法获取秒。

  1. const date = new Date();
  2. const hours = date.getHours();
  3. const minutes = date.getMinutes();
  4. const seconds = date.getSeconds();
  5. console.log(`现在是 ${hours} ${minutes} ${seconds} 秒`);

通过以上的介绍,我们可以看到 JavaScript 的 Date 对象为我们处理日期和时间提供了丰富的功能。无论是创建特定日期,还是获取日期的各个部分,都可以轻松实现。在实际开发中,合理运用 Date 对象可以让我们更加高效地处理与日期时间相关的业务逻辑。

内置对象 - Date 对象 - 日期的创建与获取