返回列表 发帖

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 日期参考手册。

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

JS 日期获取方法
JS 数学
JavaScript 和 HTML DOM 参考手册
JavaScript 实例
JavaScript 测验
JavaScript 高级教程

W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容

返回列表