JavaScript Date对象

在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对象的原始值
   
   
posted @ 2020-08-13 22:09  牧民战天兔  阅读(148)  评论(0编辑  收藏  举报