JavaScript Date（日期） 对象

日期对象用于处理日期和时间。

在线实例

- 如何使用 Date() 方法获得当日的日期。

<script>
  var d = new Date();
  document.write(d);
</script>

尝试一下 »

getFullYear() - 使用 getFullYear() 获取年份。

<p id="demo">点击按钮获取今年的年份。</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var d = new Date();
    var x = document.getElementById("demo");
    x.innerHTML = d.getFullYear();
  }
</script>

尝试一下 »

getTime() - getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。

<p id="demo">单击按钮显示1970年1月1号至今的毫秒数。</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var d = new Date();
    var x = document.getElementById("demo");
    x.innerHTML = d.getTime();
  }
</script>

尝试一下 »

setFullYear() - 如何使用 setFullYear() 设置具体的日期。

<p id="demo">单击按钮显示修改后的年月日。</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var d = new Date();
    d.setFullYear(2020, 10, 3);
    var x = document.getElementById("demo");
    x.innerHTML = d;
  }
</script>
<p>记住 JavaScript 月数是从0至11。10是11月。</p>

尝试一下 »

toUTCString() - 如何使用 toUTCString() 将当日的日期（根据 UTC）转换为字符串。

<p id="demo">点击按钮把 utc 日期和时间转换成字符串。</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var d = new Date();
    var x = document.getElementById("demo");
    x.innerHTML = d.toUTCString();
  }
</script>

尝试一下 »

getDay() - 如何使用 getDay() 和数组来显示星期，而不仅仅是数字。

<p id="demo">单击按钮显示今天周几</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var d = new Date();
    var weekday = new Array(7);
    weekday[0] = "周日";
    weekday[1] = "周一";
    weekday[2] = "周二";
    weekday[3] = "周三";
    weekday[4] = "周四";
    weekday[5] = "周五";
    weekday[6] = "周六";
    var x = document.getElementById("demo");
    x.innerHTML = weekday[d.getDay()];
  }
</script>

尝试一下 »

Display a clock - 如何在网页上显示一个钟表。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function startTime() {
      var today = new Date();
      var h = today.getHours();
      var m = today.getMinutes();
      var s = today.getSeconds(); // 在小于10的数字钱前加一个‘0’
      m = checkTime(m);
      s = checkTime(s);
      document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
      t = setTimeout(function() {
        startTime()
      }, 500);
    }

    function checkTime(i) {
      if (i < 10) {
        i = "0" + i;
      }
      return i;
    }
  </script>
</head>
<body onload="startTime()">

  <div id="txt"></div>

</body>
</html>

尝试一下 »

完整的 Date 对象参考手册

我们提供 JavaScript Date 对象参考手册，其中包括所有可用于日期对象的属性和方法。JavaScript Date 对象参考手册。

该手册包含了对每个属性和方法的详细描述以及相关实例。

创建日期

Date 对象用于处理日期和时间。

可以通过 new 关键词来定义 Date 对象。以下代码定义了名为 myDate 的 Date 对象：

有四种方式初始化日期:

new Date() // 当前日期和时间
new Date(milliseconds) //返回从 1970 年 1 月 1 日至今的毫秒数
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)

上面的参数大多数都是可选的，在不指定的情况下，默认参数是0。

实例化一个日期的一些例子：

var
  today = new Date()
var
  d1 = new Date("October 13, 1975 11:13:00")
var
  d2 = new Date(79, 5, 24)
var
  d3 = new Date(79, 5, 24, 11, 33, 0)

设置日期

通过使用针对日期对象的方法，我们可以很容易地对日期进行操作。

在下面的例子中，我们为日期对象设置了一个特定的日期 (2010 年 1 月 14 日)：

var myDate = new Date();
myDate.setFullYear(2010, 0, 14);

在下面的例子中，我们将日期对象设置为 5 天后的日期：

var myDate = new Date();
myDate.setDate(myDate.getDate() + 5);

注意: 如果增加天数会改变月份或者年份，那么日期对象会自动完成这种转换。

两个日期比较

日期对象也可用于比较两个日期。

下面的代码将当前日期与 2100 年 1 月 14 日做了比较：

var x = new Date();
x.setFullYear(2100, 0, 14);
var today = new Date();
if (x > today) {
  alert("今天是2100年1月14日之前");
} else {
  alert("今天是2100年1月14日之后");
}