在Web开发过程中,可以使用JavaScript的Date对象(日期对象)来实现对日期和时间的控制.

如果想在网页显示计时时钟,就需要重复生成新的Date对象来获取当前计算机的时间. 用户可以使用Date对象执行各种使用日期和时间操作

  • 创建Date对象
  • Date对象的属性
  • Date对象的方法

1、创建Date对象

日期对象是一个对象数据类型求值,该对象只要负责处理与日期和时间有关的数据信息. 在使用Date对象前,首先要创建该对象

语法:

dateObj = new Date();
dateObj = new Date(dateval);
dateObj = new Date(year,month,[hours[,minutes[,seconds[,ms]]]]);

Date对象语法中各参数的说明表如下

Date对象的参数说明

dateObj

必选项. 要赋值为Date对象的变量名

dateVal

比选项. 如果是数字值,dateVal表示指定日期与1970年1月1日午夜全球标准时间的毫秒数. 如果是字符串,则dateVal按照parse方法中的规则进行解析. dateVal参数也是可以从某些ActiveX(R)对象返回的VT_DATE值

year

必选项. 完整的年份,如1976(而不是76)

month

必选项. 表示的月份,是0~11之间的整数(1~12月)

date

必选项. 表示日期,是1~31之间的整数

hours

可选项. 如果提供了minutes则必须给出.表示小时,是0~23之间的整数(午夜到11pm)

minutes

可选项. 如果提供了seconds则必须给出.表示分支,是0~59之间的整数

seconds

可选项. 如果提供了ms则必须给出. 表示秒钟,是0~59之间的整数

ms

可选项. 表示毫秒,是0~999之间的整数

 

 

下面以示例的形式来介绍如何创建日期对象

程序清单:  返回当前的时间和日期

<script type="text/javascript">
        var newDate = new Date();
        document.write(newDate);
    </script>

运行结果:

Thu Aug 13 2020 20:26:11 GMT+0800 (中国标准时间)

 

程序清单: 用年月日来(2020-8-13)来创建日期对象

<script type="text/javascript">
        var newDate = new Date(2020,8,13);
        document.write(newDate);
    </script>

运行结果:

Sun Sep 13 2020 00:00:00 GMT+0800 (中国标准时间)

 

程序清单: 用年、月、日、小时、分钟、秒(2020-8-13 20:33:27)来创建日期对象

<script type="text/javascript">
        var newDate = new Date("August 13,2020 20:33:27");
        document.write(newDate);
    </script>

运行结果:

Thu Aug 13 2020 20:33:27 GMT+0800 (中国标准时间)

 

2、Date对象的属性

Date对象的属性,包括constructor和prototype,它们与String对象中的属性语法相同,这里介绍这两个属性的用法.

(1)constructor属性

程序清单: 判断当前对象是否为日期对象

<script type="text/javascript">
        var newDate = new Date();
        if (newDate.constructor == Date) {
            document.write("日期型对象");
        } 
    </script>

运行结果:

日期型对象

(2)prototype属性

程序清单:用自定义属性来记录当前日期是本周当周几

<script type="text/javascript">
        var newDate = new Date();//当前日期为2020-8-13
        Date.prototype.mark = null;  //向对象中添加属性
        newDate.mark = newDate.getDay();  //向添加的属性中赋值
        alert(newDate.mark);
    </script>

运行结果:

4

 

3、Date对象的方法

Date对象是JavaSCript的一种内部对象. 该对象没有可以直接读写的属性,所有对日期和时间的操作都是通过方法完成的

Date对象的方法

方法

说明

Date()

返回系统当前的日期和时间

getDate()

从Date对象返回一个月中的某一天(1~31)

getDay()

从Date对象返回一周中的某一天(0~6)

getMonth()

从Date对象返回月份(0~11)

getFullYear()

从Date对象返回4位数字返回年份

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对象返回4位数的年份

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中的年份(4位数字)

setYear()

设置Date对象中的年份(两位或4位数字)

setHours()

设置Date对象中的小时(0~23)

setMinutes()

设置Date对象中的分钟(0~59)

setSeconds()

设置Date对象中的秒数(0~59)

setMilliseconds()

设置Date对象中的毫秒(0~999)

setTime()

使用毫秒数设置日期时间

setUTCDate()

根据世界时设置Date对象中月份的一天(1~31)

setUTCMonth()

根据世界时设置Date对象中的月份(0~11)

setUTCFullYear()

根据世界时设置Date对象中的年份(4位数字)

setUTCHours()

根据世界时设置Date对象中的小时(0~23)

setUTCMinutes()

根据世界时设置Date对象中的分钟(0~59)

setUTCSeconds()

根据世界时设置Date对象中的秒数(0~59)

setUTCMilliseconds()

根据世界时设置Date对象中的毫秒(0~999)

toSource()

代表对象的源代码

toString()

把Date对象转换为字符串

toTimeString()

把Date对象的时间部分转换为字符串

toDateString()

把Date对象的日期部分转换为字符串

toGMTString()

根据格林尼治时间,把Date对象转换为字符串

toUTCString()

根据世界时,把Date对象转换为字符串

toLocaleString()

根据本地时间,把Date对象转换为字符串

toLocaleTimeString()

根据本地时间格式,把Date对象的时间部分转换为字符串

toLocaleDateString()

根据本地时间格式,把Date对象的日期部分转换成字符串

UTC()

根据世界时.获得一个日期,然后返回1970年一月一日午夜到该日期的毫秒数

valueOf()

返回Date对象的原始值