您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2014年08月09日 12:06

原创 JavaScript Date 对象详解

2538 次浏览 读完需要≈ 10 分钟

内容目录

JavaScript中的Date对象,主要用于存储、检索、计算日期和时间。我们可以使用Date对象来完成对日期或时间的各种管理操作。

所有主流浏览器均支持Date对象。更多细节信息请参考JavaScript Date对象的属性和方法

语法

Date对象(或称之为Date()函数),其语法有以下两种:

1、当作普通函数使用,直接以字符串形式返回当前日期和时间。

// 相当于 new Date().toString()
Date( )

2、充当Date对象的构造函数使用,用于结合new关键字构造一个表示日期或时间的Date对象。Date()构造函数又有如下两种形式。

// 形式一
new Date( [ milliseconds ] )

// 形式二
new Date( year, month, day [, hours [, minutes [, seconds [, ms ]]]] )

参数

构造函数形式一(基于UTC时间)的参数:

参数 描述
milliseconds 可选/Number类型指定日期(默认为当前时间)与UTC时间1970年1月1日午夜之间相差的毫秒数。

构造函数形式二(基于当地时间)的参数:

参数 描述
year Number类型指定的年份值。
month Number类型指定的月份值(常规值0 ~ 11)。
day Number类型指定的日期数值(常规值1 ~ 31)。
hours 可选/Number类型指定的小时值,默认为0(常规值0 ~ 23)。
minutes 可选/Number类型指定的分钟值,默认为0(常规值0 ~ 59)。
seconds 可选/Number类型指定的秒值,默认为0(常规值0 ~ 59)。
ms 可选/Number类型指定的毫秒值,默认为0(常规值0 ~ 999)。

Date()构造函数形式二的所有参数都可以超出常规的取值范围,甚至可以为负数Date对象内部会自动计算并转换为对应的日期。例如:参数month可以超出0 ~ 11的常规取值范围,参数day可以超出1 ~ 31的常规取值范围。

如果提供了指定的可选参数,就必须提供参数列表中出现在该参数之前的所有可选参数。

注意:参数month的值比实际月份小1,例如:month5 则表示六月。

返回值

1、如果Date()函数被当作普通函数使用,则以字符串(String类型)形式返回当前的日期和时间。

2、如果Date()函数被当做Date对象的构造函数来使用,则以new关键字构造一个新的Date对象(Date类型)。该Date对象表示参数所指定的日期。

注意:Date对象的数据类型为Object,你可以使用typeof运算符进行查看(详见下面的示例代码)。

示例&说明

//不同浏览器上的显示效果并不一定相同
// 当前运行环境的时区为 UTC+8

document.writeln( Date() ); // Fri Aug 08 2014 23:35:18 GMT+0800

// 1年时间的毫秒数
var milliseconds = 1000 * 3600 * 24 * 365;
// 由于此毫秒数是指定日期与UTC时间1970年1月1日之间相差的毫秒数,因此此处指定的日期为"1971年1月1日 00:00:00"
var date = new Date( milliseconds );
// 由于当前时区为 UTC+8,因此输出结果会+8小时 
document.writeln( date.toLocaleString() ); // 1971年1月1日 08:00:00

var date2 = new Date(2013, 11, 15, 12, 15, 46);
document.writeln( date2.toLocaleString() ); // 2013年12月15日 12:15:46

var date3 = new Date(2012, -20, 70, 8, 15, 46, 123);
document.writeln( date3.toLocaleString() + " " + date3.getMilliseconds() ); // 2010年7月9日 08:15:46 123

document.writeln( typeof date3 ); // object 【对js中绝大多数类型的对象使用typeof运算符,其结果都是"object"】
document.writeln( date3 instanceof Date ); // true
document.writeln( date3.constructor === Date ); // true

运行代码

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单