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>

亲自试一试

setFullYear() 方法可以选择设置月和日:

实例

<script>
var d = new Date();
d.setFullYear(2020, 11, 3);
document.getElementById("demo").innerHTML = d;
</script>

亲自试一试

setMonth() 方法

setMonth() 方法设置日期对象的月份(0-11):

实例

<script>
var d = new Date();
d.setMonth(11);
document.getElementById("demo").innerHTML = d;
</script>

亲自试一试

setDate() 方法

setDate() 方法设置日期对象的日(1-31):

实例

<script>
var d = new Date();
d.setDate(15);
document.getElementById("demo").innerHTML = d;
</script>

亲自试一试

setDate() 方法也可用于将天数添加到日期:

实例

<script>
var d = new Date();
d.setDate(d.getDate() + 50);
document.getElementById("demo").innerHTML = d;
</script>

亲自试一试

如果添加天数,切换月份或年份,则更改将由 Date 对象自动处理。

setHours() 方法

setHours() 方法设置日期对象的小时(0-23):

实例

<script>
var d = new Date();
d.setHours(22);
document.getElementById("demo").innerHTML = d;
</script>

亲自试一试

setMinutes() 方法

setMinutes() 方法设置日期对象的分钟(0-59):

实例

<script>
var d = new Date();
d.setMinutes(30);
document.getElementById("demo").innerHTML = d;
</script>

亲自试一试

setSeconds() 方法

setSeconds() 方法设置日期对象的秒数(0-59):

实例

<script>
var d = new Date();
d.setSeconds(30);
document.getElementById("demo").innerHTML = d;
</script>

亲自试一试

比较日期

日期可以很容易地进行比较。

下面的例子把今日与 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;

亲自试一试

JavaScript 从 0 到 11 计数月份。1 月是 0。12 月是 11。

完整的 JavaScript 日期参考手册

如需完整的日期参考手册,请访问我们完整的 JavaScript 日期参考手册

该手册包含了所有日期属性和方法的描述和实例。

VUE 进阶教程