JavaScript Date 对象属性方法小结

最新推荐文章于 2024-01-31 10:33:27 发布

Claire_TJ

最新推荐文章于 2024-01-31 10:33:27 发布

阅读量170

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

虽然写这个博客主要目的是为了给我自己做一个思路记忆录，但是如果你恰好点了进来，那么先对你说一声欢迎。我并不是什么大触，只是一个菜菜的学生，如果您发现了什么错误或者您对于某些地方有更好的意见，非常欢迎您的斧正！

学习来源：http://www.w3school.com.cn/jsref/jsref_obj_date.asp

我把下表中每个函数都进行了一个测试。代码在文末。

Date 对象属性

属性	描述
constructor	返回对创建此对象的 Date 函数的引用。
prototype	使您有能力向对象添加属性和方法。

Date 对象方法

方法	描述
Date()	返回当日的日期和时间。
getDate()	从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()	从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth()	从 Date 对象返回月份 (0 ~ 11)。
getFullYear()	从 Date 对象以四位数字返回年份。
getYear()	请使用 getFullYear() 方法代替。
getHours()	返回 Date 对象的小时 (0 ~ 23)。
getMinutes()	返回 Date 对象的分钟 (0 ~ 59)。
getSeconds()	返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds()	返回 Date 对象的毫秒(0 ~ 999)。
getTime()	返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset()	返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate()	根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay()	根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCMonth()	根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCFullYear()	根据世界时从 Date 对象返回四位数的年份。
getUTCHours()	根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMinutes()	根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCSeconds()	根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getUTCMilliseconds()	根据世界时返回 Date 对象的毫秒(0 ~ 999)。
parse()	返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
setDate()	设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth()	设置 Date 对象中月份 (0 ~ 11)。
setFullYear()	设置 Date 对象中的年份（四位数字）。
setYear()	请使用 setFullYear() 方法代替。
setHours()	设置 Date 对象中的小时 (0 ~ 23)。
setMinutes()	设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds()	设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds()	设置 Date 对象中的毫秒 (0 ~ 999)。
setTime()	以毫秒设置 Date 对象。
setUTCDate()	根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCMonth()	根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCFullYear()	根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours()	根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMinutes()	根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds()	根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds()	根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
toSource()	返回该对象的源代码。
toString()	把 Date 对象转换为字符串。
toTimeString()	把 Date 对象的时间部分转换为字符串。
toDateString()	把 Date 对象的日期部分转换为字符串。
toGMTString()	请使用 toUTCString() 方法代替。
toUTCString()	根据世界时，把 Date 对象转换为字符串。
toLocaleString()	根据本地时间格式，把 Date 对象转换为字符串。
toLocaleTimeString()	根据本地时间格式，把 Date 对象的时间部分转换为字符串。
toLocaleDateString()	根据本地时间格式，把 Date 对象的日期部分转换为字符串。
UTC()	根据世界时返回 1970 年 1 月 1 日到指定日期的毫秒数。
valueOf()	返回 Date 对象的原始值。

我的测试结果：每一个按钮点击后就可以出现相应的函数效果。

就像这样：

以下是源代码（有哪里需要我加注释的，欢迎在评论区与我交流）：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Date</title>
  <style media="screen" type="text/css">
    body {
      margin: 0;
      padding: 0;
    }

    input {
      margin-left: 50px;
      margin-top: 10px;
      display: block;
    }

    p {
      margin-left: 50px;
    }
  </style>
  <script type="text/javascript">
    function DAte() {
      document.getElementById('date').innerHTML = Date();
    }

    function GetDate() {
      var d = new Date();
      document.getElementById('getdate').innerHTML = '今天是' + d.getDate() + '号';
    }

    function GetDay() {
      var d = new Date();
      document.getElementById('getday').innerHTML = '今天是星期' + d.getDay();
    }

    function GetMonth() {
      var d = new Date();
      document.getElementById('getmonth').innerHTML = '本月是' + (d.getMonth() + 1) % 13 + '月';
    }

    function GetFullYear() {
      var d = new Date();
      document.getElementById('getfullyear').innerHTML = d.getFullYear();
    }

    function GetHours() {
      var d = new Date();
      document.getElementById('gethours').innerHTML = d.getHours();
    }

    function GetMinutes() {
      var d = new Date();
      document.getElementById('getminutes').innerHTML = d.getMinutes();
    }

    function GetSeconds() {
      var d = new Date();
      document.getElementById('getseconds').innerHTML = d.getSeconds();
    }

    function GetTime() {
      var d = new Date();
      document.getElementById('gettime').innerHTML = d.getTime();
    }

    function GetTimezoneOffset() {
      var d = new Date();
      document.getElementById('gettimezone').innerHTML = d.getTimezoneOffset();
    }

    function GetUTCDate() {
      var d = new Date();
      document.getElementById('getutcdate').innerHTML = d.getUTCDate();
    }

    function ToString() {
      var d = new Date();
      document.getElementById('tostring').innerHTML = d.toString() + '<br />' + d.toTimeString() +
        '<br />' + d.toDateString();
    }
  </script>
</head>

<body>
  <input type="button" value="Date()返回当天的日期和时间。" onclick="DAte()">
  <p id="date"></p>
  <input type="button" value="getDate()返回月份的某一天。" onclick="GetDate()">
  <p id="getdate"></p>
  <input type="button" value="getDay()返回表示星期的某一天的数字。" onclick="GetDay()">
  <p id="getday"></p>
  <input type="button" value="getMonth()返回表示月份的数字。" onclick="GetMonth()">
  <p id="getmonth"></p>
  <input type="button" value="getFullYear()返回一个表示年份的 4 位数字。" onclick="GetFullYear()">
  <p id="getfullyear"></p>
  <input type="button" value="getHours()返回时间的小时字段。" onclick="GetHours()">
  <p id="gethours"></p>
  <input type="button" value="getMinutes()返回时间的分钟字段。" onclick="GetMinutes()">
  <p id="getminutes"></p>
  <input type="button" value="getSeconds()返回时间的秒。" onclick="GetSeconds()">
  <p id="getseconds"></p>
  <input type="button" value="getTime()返回距 1970 年 1 月 1 日之间的毫秒数。" onclick="GetTime()">
  <p id="gettime"></p>
  <input type="button" value="getTimezoneOffset()返回格林威治时间和本地时间之间的时差，以分钟为单位。" onclick="GetTimezoneOffset()">
  <p id="gettimezone"></p>
  <input type="button" value="getUTCDate()根据世界时返回一个月 (UTC) 中的某一天。" onclick="GetUTCDate()">
  <p id="getutcdate"></p>
  <input type="button" value="toString()把 Date 对象转换为字符串，并返回结果。" onclick="ToString()">
  <p id="tostring"></p>
</body>

</html>