JavaScript Date setUTCDate() 方法

JavaScript Date.setUTCDate() 方法用于根据世界协调时间 (UTC) 设置 Date 对象的日期。该方法允许您修改 Date 对象的日期部分，而不会影响其他部分，例如月份、年份或时间。此方法不会更改时区偏移量或日期对象的时间部分。

UTC 代表协调世界时。它是世界各国规范时钟和时间的主要时间标准。UTC 通常被称为"GMT"(格林威治标准时间)。

语法

以下是 JavaScript Date setUTCDate() 方法的语法 -

setUTCDate(dateValue);

参数

此方法仅接受一个参数。具体说明如下 -

返回值

• dateValue 1 到 31 之间的整数。
  • 如果提供 0，则返回上个月的最后一天。
  • 如果提供 -1，则返回上个月最后一天的前一天。
  • 如果提供 32，则返回下个月的第一天(如果该月有 31 天)。
  • 如果提供 32，则返回下个月的第二天(如果该月有 30 天)。

返回值

此方法不返回值。它修改了 Date 对象的日期组件。

示例 1

在下面的示例中，我们使用 JavaScript Date 的 setUTCDate() 方法将 UTC 日期设置为 15 -

<html>
<body>
<script>
   const date = new Date();
   document.write("Original Date:  ", date, "<br>");

   date.setUTCDate(15); // 将 UTC 日期设置为 15
   document.write("Updated Date:  ", date);
</script>
</body>
</html>

输出

如果我们执行上述程序，月份中的日期将被设置为 15。

示例 2

此处，将月份中的日期(根据 UTC)设置为指定日期"2023 年 5 月 25 日"。

<html>
<body>
<script>
   const date = new Date('2023-05-25'); // May 25, 2023
   document.write("Original Date:  ", date, "<br>");

   date.setUTCDate(10); // Set the UTC day to 10
   document.write("Updated Date:  ", date);
</script>
</body>
</html>

输出

如果我们执行上述程序，月份的日期将被设置为 10。

示例 3

如果我们为 dateValue 提供"0"，则此方法将返回上个月的最后一天 -

<html>
<body>
<script>
   const date = new Date('2023-05-25'); // May 25, 2023
   document.write("Original Date:  ", date, "<br>");

   date.setUTCDate(0);
   document.write("Updated Date:  ", date);
</script>
</body>
</html>

示例 4

如果我们为 dateValue 提供"-1"，则此方法将返回上个月最后一天的前一天 -

<html>
<body>
<script>
   const date = new Date('2023-05-25'); // May 25, 2023
   document.write("Original Date:  ", date, "<br>");

   date.setUTCDate(-1);
   document.write("Updated Date:  ", date);
</script>
</body>
</html>

示例 5

如果我们为 dateValue 提供"32"，则此方法将返回下个月的第一天 -

<html>
<body>
<script>
   const date = new Date('2023-05-25'); // May 25, 2023
   document.write("Original Date:  ", date, "<br>");

   date.setUTCDate(32);
   document.write("Updated Date:  ", date);
</script>
</body>
</html>