JavaScript 日期设置方法
JavaScript基础 2022-04-25 01:32:35小码哥的IT人生shichen
JavaScript 日期设置方法
使用“设置日期”方法可以设置日期对象的日期值（年、月、日、小时、分钟、秒、毫秒）。
日期设置方法
设置方法用于设置日期的某个部分。下面是最常用的方法（按照字母顺序排序）：
| 方法 | 描述 |
|---|---|
| setDate() | 以数值（1-31）设置日 |
| setFullYear() | 设置年（可选月和日） |
| setHours() | 设置小时（0-23） |
| setMilliseconds() | 设置毫秒（0-999） |
| setMinutes() | 设置分（0-59） |
| setMonth() | 设置月（0-11） |
| setSeconds() | 设置秒（0-59） |
| setTime() | 设置时间（从 1970 年 1 月 1 日至今的毫秒数） |
setFullYear() 方法
setFullYear() 方法设置日期对象的年份。这个例子设置为 2020 年：
示例代码：
<script>
var d = new Date();
d.setFullYear(2020);
document.getElementById("demo").innerHTML = d;
</script>
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setFullYear()</h2>
<p>setFullYear() 方法设置日期对象的年份：</p>
<p id="demo"></p>
<script>
var d = new Date();
d.setFullYear(2020);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
运行结果：
Javascript setFullYear() setFullYear() 方法设置日期对象的年份： Sun May 17 2020 16:33:41 GMT+0800 (中国标准时间)
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
setFullYear() 方法可以选择设置月和日：
示例代码：
<script>
var d = new Date();
d.setFullYear(2020, 11, 3);
document.getElementById("demo").innerHTML = d;
</script>
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setFullYear()</h2>
<p>setFullYear() 方法可以选择设置月和日。</p>
<p>请注意，月份从 0 计数。十二月是 11：</p>
<p id="demo"></p>
<script>
var d = new Date();
d.setFullYear(2020, 11, 3);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
运行结果：
Javascript setFullYear() setFullYear() 方法可以选择设置月和日。 请注意，月份从 0 计数。十二月是 11： Thu Dec 03 2020 16:34:04 GMT+0800 (中国标准时间)
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
setMonth() 方法
setMonth() 方法设置日期对象的月份（0-11）：
示例代码：
<script>
var d = new Date();
d.setMonth(11);
document.getElementById("demo").innerHTML = d;
</script>
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setMonth()</h2>
<p>setMonth() 方法设置日期对象的月份。</p>
<p>请注意，月份从 0 计数。十二月是 11：</p>
<p id="demo"></p>
<script>
var d = new Date();
d.setMonth(11);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
运行结果：
Javascript setMonth() setMonth() 方法设置日期对象的月份。 请注意，月份从 0 计数。十二月是 11： Sat Dec 17 2022 16:34:23 GMT+0800 (中国标准时间)
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
setDate() 方法
setDate() 方法设置日期对象的日（1-31）：
示例代码：
<script>
var d = new Date();
d.setDate(15);
document.getElementById("demo").innerHTML = d;
</script>
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setDate()</h2>
<p>setDate() 方法设置日期对象的日：</p>
<p id="demo"></p>
<script>
var d = new Date();
d.setDate(15);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
运行结果：
Javascript setDate() setDate() 方法设置日期对象的日： Sun May 15 2022 16:34:42 GMT+0800 (中国标准时间)
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
setDate() 方法也可用于将天数添加到日期：
示例代码：
<script>
var d = new Date();
d.setDate(d.getDate() + 50);
document.getElementById("demo").innerHTML = d;
</script>
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setDate()</h2>
<p>setDate() 方法可用于向日期添加天数。</p>
<p id="demo"></p>
<script>
var d = new Date();
d.setDate(d.getDate() + 50);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
运行结果：
Javascript setDate() setDate() 方法可用于向日期添加天数。 Wed Jul 06 2022 16:35:00 GMT+0800 (中国标准时间)
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
如果添加天数，切换月份或年份，则更改将由 Date 对象自动处理。
setHours() 方法
setHours() 方法设置日期对象的小时（0-23）：
示例代码：
<script>
var d = new Date();
d.setHours(22);
document.getElementById("demo").innerHTML = d;
</script>
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setHours()</h2>
<p>setHours() 方法设置日期对象的小时数：</p>
<p id="demo"></p>
<script>
var d = new Date();
d.setHours(22);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
运行结果：
Javascript setHours() setHours() 方法设置日期对象的小时数： Tue May 17 2022 22:35:18 GMT+0800 (中国标准时间)
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
setMinutes() 方法
setMinutes() 方法设置日期对象的分钟（0-59）：
示例代码：
<script>
var d = new Date();
d.setMinutes(30);
document.getElementById("demo").innerHTML = d;
</script>
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setMinutes()</h2>
<p>setMinutes() 方法设置日期对象的分钟数（0-59）：</p>
<p id="demo"></p>
<script>
var d = new Date();
d.setMinutes(30);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
运行结果：
Javascript setMinutes() setMinutes() 方法设置日期对象的分钟数（0-59）： Tue May 17 2022 16:30:43 GMT+0800 (中国标准时间)
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
setSeconds() 方法
setSeconds() 方法设置日期对象的秒数（0-59）：
示例代码：
<script>
var d = new Date();
d.setSeconds(30);
document.getElementById("demo").innerHTML = d;
</script>
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript setSeconds()</h2>
<p>setSeconds() 方法设置日期对象的秒数（0-59）：</p>
<p id="demo"></p>
<script>
var d = new Date();
d.setSeconds(30);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>
运行结果：
Javascript setSeconds() setSeconds() 方法设置日期对象的秒数（0-59）： Tue May 17 2022 16:35:30 GMT+0800 (中国标准时间)
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
比较日期
日期可以很容易地进行比较。
下面的例子把今日与 2049 年 1 月 16 日进行比较：
示例代码：
var today, someday, text;
today = new Date();
someday = new Date();
someday.setFullYear(2049, 0, 16);
if (someday > today) {
text = "今天在 2049 年 1 月 16 日之前";
} else {
text = "今天在 2049 年 1 月 16 日之后";
}
document.getElementById("demo").innerHTML = text;
完整实例：
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var today, someday, text;
today = new Date();
someday = new Date();
someday.setFullYear(2100, 0, 15);
if (someday > today) {
text = "今天在 2100 年 1 月 15 日之前。";
} else {
text = "今天在 2100 年 1 月 15 日之后。";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
运行结果：
今天在 2100 年 1 月 15 日之前。
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
JavaScript 从 0 到 11 计数月份。1 月是 0。12 月是 11。
