ajax实用技术教学课件作者程继洪肖川李海斌编著第8章常用对象简介8.4.pptxVIP

8.4 Date对象 日期时间操作是实际软件开发中必不可少，JavaScript中提供了Date对象表示日期和时间，并提供了对日期时间的操作。 本节详细列出Date对象的属性和方法，并通过一个例子说明Date对象的运用。 8.4.1 创建日期对象 创建日期对象是通过Date构造函数，用new关键字创建的。Date的构造函数有4种方式，分别表示如下： ◆ Date()——创建代表当前时间的Date对象。 ◆ Date(dateString)——用指定的时间字符串创建日期对象。 ◆ Date(milliseconds)——用指定的长整数——表示自1970年1月1日0时0分0秒开始到指定时间经过的毫秒数——创建日期对象。 ◆ Date(year, month, day, hours, minutes, seconds, milliseconds)——用指定的年、月、日时、分、秒、毫秒创建日期对象。 采用日期字符串构造日期对象时，可采用的日期格式如下： ◆ MM/DD/YYYY——也称为短格式，如09/01/2017。还可以写成YYYY/MM/DD，如2017/09/01。 ◆ YYYY-MM-DD——ISO 8601采用的标准时间格式，也称为长格式，为JavaScript的首先格式，如2017-09-01。也可以写作YYYY-MM，或者YYYY。还可以加上时间YYYY-MM-DDTHH:MM:SS，其中T为规定的元字符，在设置具体的时间时要保留。 以上两种格式也是国际标准格式，如果实际工作中遇到特殊要求的日期格式，请参考JavaScript手册或相关网站。 在上面第4种构造函数创建日期对象时要注意：月份month的值为0~11，毫秒milliseconds的取值范围为0~999，这两点需要特别注意。 8.4.2 Date对象的方法 Date方法允许你获得或设置日期对象中的年、月、日、时、分、秒和毫秒，并可以把日期字符串转换成日期对象，也可以把日期对象转换成字符串对象等等。有了这些方法就可以很方便的操作日期对象了。 Date对象提供的方法如表8-4所示。 应用 实例用到的界面如8-4所示。 实现的功能是单击“提交”按钮，可以把你选择的日期包装（转换）成日期对象，并显示几种日期的格式。 按“比较”按钮，可以对日期1和日期2进行比较，计算两个日期相差的天数。 图8-4 日期实例界面 要读取日期控件的值，首先要查找到相应的日期控件，这里使用getElementById()进行查找，查找到日期控件（HTML标记）之后，可以通过日期控件的value属性读取它的值，代码如下： var birth = document.getElementById(birth).value; 变量brith存放日期控制输入的值。要把这个birth值——格式形如2017-09-20——转换成日期对象， 有两种方式：使用Date构造函数，或者使用Date的parse()方法。 但两种方式有区别，Date构造函数得到的是日期对象，而Date的parse()方法得到的是一个长整数表示。这里使用构造函数的方法，把日期类型的字符串转换成日期对象，代码如下： var dateBirth = new Date(birth); 显示格式只用了常用的3种： ◆ toString()——最普通的格式，没有任何格式要求，只把日期对象转换成字符串表示。 ◆ toLocaleDateString()——按照所在地域使用的日期格式，显示日期对象的日期部分。 ◆ toJSON()——按照JSON的格式（字符串）显示日期对象的值。 我们按照以上三种方式把三种日期连接成一个字符串，并加入了换行符br /，然后再显示在id为display的div中，代码如下： var display = toString(): + dateBirth.toString() + br/toLocaleDateString(): + dateBirth.toLocaleDateString() + br/toJSON(): + dateBirth.toJSON(); document.getElementById(display).innerHTML = display; 为了使大家能够看清两种日期——日期字符串和日期对象——的区别，我们使用typeof birth显示了birth（日期控件的值）的类型，返回值为“string”， 说明日期控件的值是字符串类型，而dateBirth（birth包装成日期的对象）用instanceof运算符查看其类型，注意这里不能使用typeof运算符，因为使用typeof时只能返回object，而不是date。所需要的代码如下： console.log(typeo