日期对象-Date

1、创建Date对象

• 在JavaScript中，创建日期对象必须使用“new语句”。使用关键字new新建日期对象时，常用的有2种：

方法一：
var 日期对象名 = new Date();

方法二：
var 日期对象名 = new Date(日期字符串);

• 方法一用于获取当前系统的时间，输出格式为如下：

  
  
  

  image.png
• 方法二的日期字符串可以是以下几种形式：
  （1）"2015-5-3"
  （2）"May 3,2015"
  （3）"2015/5/3"

var dt1 = new Date("2015-5-3");
var dt2 = new Date("May 3,2015");
var dt3 = new Date("2015/5/3");

2、Date对象方法

• 日期对象Date的方法主要分为三大组：setXxx、getXxx和toXxx

• setXxx用于设置时间和日期值；getXxx用于获取时间和日期值；toXxxx主要是将日期转换为指定格式

  
  
  

  Date对象方法

3、获取当前完整日期时间Date()

• 很简单，就是直接使用Date()方法返回系统当前日期时间

语法：
Date()

在浏览器预览效果

4、获取当前年、月、日

• 在JavaScript中，使用getFullYear()、getMonth()和getDate()这3种方法来获取当前的年、月、日

  
  
  

  JavaScript获取当前年、月、日

在浏览器预览效果

在浏览器预览效果

• 分析：

细心的同学发现，“var my_month=d.getMonth()+1;”这句代码使用了“+1”。其实，那是因为getMonth()方法返回值是0（一月）到11（十二月）之间的一个整数，所以必须加1月份才正确

• 还要注意一下，获取当前的“日”，不是使用getDay()，而是使用getDate()，大家要看仔细啦！

5、设置当前年、月、日

• 在JavaScript中，使用setFullYear()、setMonth()和setDate()方法来设置日期对象的年、月、日
• 1、setFullYear()方法
  使用setFullYear()方法可以设置日期对象中的年份

语法：
日期对象.setFullYear(year,month,day)

• 说明：
  参数year为必选项，表示年份的4位整数，用本地时间表示。
  参数month为可选项，表示月份的数值，介于0~11之间，用本地时间表示。
  参数day为可选项，表示月份中某一天的数值，介于1~31之间，用本地时间表示。

• 2、setMonth()方法
  使用setMonth()方法可以设置日期对象中的月份。

语法：
日期对象.setMonth(month,day)

• 说明：
  参数month为必选项，表示月份的数值，介于0~11之间，用本地时间表示。
  参数day为可选项，表示月份中某一天的数值，介于1~31之间，用本地时间表示

• 3、setDate()方法
  使用setDate()方法可以设置日期对象中的日数。

语法：
日期对象.setDate(day)

• 说明：
  参数day为必选项，表示月份中某一天的数值，介于1~31之间，用本地时间表示

在浏览器预览效果

• 分析：
  在此得跟大家说一下，大家可要留意了，getFullYear()只能获取当前年份，但是setFullYear()却可以同时设置年、月、日；getMonth只能获取当前月份，但是setMonth()却可以同时设置月、日。大家得稍微思考并比较记忆一下

6、获取当前时、分、秒

• 在JavaScript中，使用getHours()、getMinutes()、getSeconds()这3种方法分别用来获取当前的时、分、秒

  
  
  

  JavaScript获取当前时分秒

在浏览器预览效果

• 获取的时分秒是根据当前系统时间的

7、设置当前时、分、秒

• 在JavaScript中，使用setHours()、setMinutes()和setSeconds()方法来设置日期对象的时、分、秒
  1、setHours()方法
  在javascript中，使用setHours()方法可以设置日期对象中的小时

语法：
日期对象.setHours(hour,min,sec,millisec)

• 说明：
  参数hour为必选项，表示小时的数值，是0~23之间的一个整数。
  参数min为可选项，表示分钟的数值，是0~59之间的一个整数。
  参数sec为可选项，表示秒数，是0~59之间的一个整数。不过在EMCAScript标准化之前，不支持该参数。
  参数millisec为可选项，表示毫秒数，是0~999之间的一个整数。不过在EMCAScript标准化之前，不支持该参数。

• 2、setMinutes()方法
  在javascript中，使用setMinutes()方法可以设置日期对象中的分钟

语法：
日期对象.setMinutes(min,sec,millisec)

• 说明：
  参数min为必选项，表示分钟的数值，是0~59之间的一个整数。
  参数sec为可选项，表示秒数，是0~59之间的一个整数。不过在EMCAScript标准化之前，不支持该参数。
  参数millisec为可选项，表示毫秒数，是0~999之间的一个整数。不过在EMCAScript标准化之前，不支持该参数

• 3、setSeconds()方法
  在javascript中，使用setSeconds()方法可以设置日期对象的秒数

语法：
日期对象.setSeconds(sec,millisec)

• 说明：
  参数sec为必选项，表示秒数，是0~59之间的一个整数。不过在EMCAScript标准化之前，不支持该参数。
  参数millisec为可选项，表示毫秒数，是0~999之间的一个整数。不过在EMCAScript标准化之前，不支持该参数

在浏览器预览效果

• 分析：
• 在此得跟大家说一下，大家可要留意了，getHours()只能获取当前小时数，但是setHours()却可以同时设置时、分、秒、毫秒；getMinutes()只能获取当前分钟数，但是setMinutes()却可以同时设置分、秒、毫秒。大家得稍微思考并比较记忆一下。
• 设置时间往往都是将setFullYear()和setHours()结合使用来设置完整时间。其实setFullYear()设置年、月、日，setHours()设置时、分、秒、毫秒

8、将日期时间转换为字符串

• 在JavaScript中，将日期时间转换为字符串，共有3种方法：
  （1）toString()方法；
  （2）toUTCString()方法；
  （3）toLocaleString()方法；
• 一、toString()方法
• 在JavaScript中，使用toString()方法可以将日期对象Date转换为字符串，并返回结果

语法：
日期对象.toString()

• 说明：使用toString()方法后，日期对象的字符串表示使用本地时间表示

在浏览器预览效果

• 二、toUTCString()方法
• 在JavaScript中，使用toUTCString()方法可根据世界时间（UTC）把Date对象转换为字符串，并返回结果

语法：
日期对象.toUTCString()

• 说明：toUTCString()方法后，日期对象的字符串表示使用世界时间（UTC）表示

在浏览器预览效果

• 三、toLocaleString()方法
• 在JavaScript中，使用toLocalString()方法可根据本地时间把Date对象转换为字符串，并返回结果

语法：
日期对象.toLocaleString()

• 说明：使用toLocalString()方法后，日期对象的字符串表示使用本地时间格式来表示

在浏览器预览效果

• 分析：toLocalString()方法是将日期时间用本地时间格式表示，因此大家在测试的时候有可能会跟上面预览效果有所出入

9、获取星期几

• 在JavaScript中，使用getUTCDay()方法可以根据世界时间（UTC）返回表示星期几的一个数字

语法：
日期对象.getUTCDay()

在浏览器预览效果