如何在 JavaScript 中获取一周中的日期？

本教程将介绍在 JavaScript 中获取一周中的日期和日期名称的最常用技术。

需要记住的是，如果您正在处理一个小型项目，那么开始为一些基本内容安装软件包可能会很困难。小型应用程序应该使用 JavaScript 的内置技术开发；只有在绝对必要时才应包含依赖项。

以下是获取 JavaScript 中一周中的日期的方法：

  • 使用 getDay() 方法

  • 使用 toLocaleString() 方法

使用 getDay() 方法

使用 JavaScript 的 getDay() 方法确定一周中的日期。

JavaScript 日期对象的 getDay() 方法根据本地时间返回给定日期的星期几。

getDay() 函数返回一个表示一周中的日期的整数：0 表示星期日，1 表示星期一，2 表示星期二，依此类推。

语法

以下是获取一周中的日期的语法：

let day = new Date().getDay(); //current day
let day = new Date("August 6, 2022 09:38:00").getDay(); // custom day

在上面的语法中，我们使用了 Date() 对象的 getDay() 方法。

示例

在此示例中，我们可以看到如何使用 getDay() 方法，并且我们可以根据设备时间打印当前一周中的日期。在这里，我们创建了两个日期对象。

对于day1，我们采用计算机的实时值，而对于day2，我们查找程序中用户提供的日期。通过这种方式，我们使用内置方法获取一周中的日期。

这是一个示例，它使用 getDay* 方法将日期格式化为 MM-DD-YYYY hh:mm:ss。这里，星期日是 0，星期一是 1，依此类推。

<html>
<body>
   <h3>Get the day of the week using <i>getDate() </i> method</h3>
   <p id = "output1"></p>
   <p id = "output2"></p>
</body>
   <script>
   
      // Get current day
      let day1 = new Date().getDay();
      document.getElementById("output1").innerHTML = day1; //current day of the week

      // Get day in the week of a certain date
      let day2 = new Date("August 6, 2022 09:38:00").getDay();
      document.getElementById("output2").innerHTML = day2; //6
   </script>
</html>

使用 toLocaleString() 方法

toLocaleString() 方法返回一个字符串，该字符串表示此日期，并符合所用语言。在提供该 API 的实现中，此函数仅调用 Intl.DateTimeFormat。

此函数应返回语言和日期名称。它可以通过指定默认值根据用户的浏览器选择而改变。要检索日期的完整名称，我们在选项对象中将 weekday 设置为 long。其他一些选项是 short 和 narrow 值。如果您希望在不同的区域设置中获取日期名称，请将区域设置作为第一个参数传递给该方法。

语法

以下是 toLocaleString() 方法的语法：

let date = new Date();
let day = date.toLocaleString();

上述语法显示了使用 toLocaleString() 方法获取特定日期对象的日期。

示例

在此示例中，我们可以看到如何使用 toLocaleString() 方法根据设备时间打印当前一周中的日期。我们使用 weekday 设置为 long 来获取日期的完整名称。在变量day1中，我们根据计算机设置获取当前日期的值。在变量day2中，我们获取程序中用户提供的日期的值。这是 JavaScript 的内置方法。

<html>
<body>
   <h3>Get the day of the week using <i>getDate()</i> method</h3>
   <p id = "output1"></p>
   <p id = "output2"></p>
</body>
   <script>
      
      // Get current day
      let day1 = new Date().toLocaleString('en-US', { weekday: 'long',});
      document.getElementById("output1").innerHTML = day1; //current day of the week
      
      // Get day in the week of a certain date
      let day2 = new Date("August 6, 2022 09:38:00").toLocaleString('en-US', { weekday: 'long',});
      document.getElementById("output2").innerHTML = day2;
   </script>
</html>

在本教程中，我们学习了如何使用 JavaScript 的内置方法 getDay() 和 toLocaleString() 来查找一周中的日期。

getDay() 方法以格林威治标准时间 (GMT) 区域在用户的屏幕上显示星期几。

toLocaleString() 根据特定的区域设置显示日期。区域设置可以在代码中更改。这两种方法都显示全世界任何区域和设备时间相同的日期。

更新于： 2022-08-26

2K+ 浏览量

开启您的 职业生涯

通过完成课程获得认证

开始学习
广告