在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对象语法中各参数的说明表如下
| 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() | 返回系统当前的日期和时间 |
| 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对象的原始值 |