Date类型：了解日期和时间

摘要：实际上，构造函数接收的参数是一个从年月日凌晨点到希望设定的时间点的毫秒数可以为负，表示在此之前。当前时间构造函数的另一个非常常用的用法是，不传递参数，这时候，新创建的对象将自动获得当前日期和时间。

Date是javascript中的引用数据类型之一，如果要处理日期、时间，一般都会用到Date类型。不过，要正确地使用Date，还应该了解日期和时间有关的概念。就从Date类型的方法开始吧。

下面这段代码用了不同的形式，创建了一个名为teaTime的变量，并赋值为Date类型值，时间是最近的某一个时间点：

// one way
var teaTime = new Date("Aug 21 2014 16:40:14");

// equivalent to...
var teaTime = new Date(2014, 7, 21, 16, 40, 14);

其中，构造函数Date传入了两种参数，来赋值给teaTime。不过，它们的效果是相同的，都代表同一个时间点。实际上，构造函数Date接收的参数是一个从1970年1月1日凌晨0点到希望设定的时间点的毫秒数（可以为负，表示在此之前）。上面的例子为什么可行呢？这是因为对于第一种字符串形式的单个参数，会在后台先调用Date.parse()方法转化为毫秒数。类似的，第二种数字形式的多个参数（你可能还发现了月份是以数字0~11来表示的），会在后台调用Date.UTC()方法转化为毫秒数。

UTC？这是什么？

UTC是指协调世界时，是最主要的世界时间标准。这个缩写也是有来源的，英语中它是CUT（Cooordinated Universal Time），而法语中它是TUC（Temps Universel Coordonné），由于被希望协调世界时在所有语言中有统一的缩写，最后妥协使用了这个[UTC][]（竟然妥协了！）。

UTC是以[原子时][]秒长为基础的。也许你还有印象，在国际单位制（SI）中，只有7个基本单位，秒（s）就是其中之一，用的就是原子时。因此，UTC足够精确，被作为现今使用的标准时间。

与UTC非常有关的是另一个经常被提及的时间标准，GMT。

GMT是指格林尼治标准时间，它对应位于英国伦敦郊区的皇家格林威治天文台的标准时间。[GMT][]（Greenwich Mean Time）受地球自转影响，可能有较大误差，因此GMT已经不再被作为标准时间使用（也就是说，现在用UTC作为标准）。不过，如果不考虑小于0.9秒的差异，GMT和UTC的时间可以认为是一样的。

从前文可以知道，由于并不方便直接传入一个相对于1970年1月1日凌晨0点的毫秒数，通常我们都用Date.parse()和Date.UTC()所支持的参数形式。其中，Date.parse()是接收表示日期的字符串参数，如果格式不对，将返回NaN。

Date.parse()可用的表示日期的字符串包括RFC2822[]。此外，可能会支持一些其他的格式，但因地区、浏览器差异，不能确保可用（所以，建议不使用）。

其中，ISO 8601的格式，例如下面这样的写法：

var teaTime = new Date("2014-08-21T18:11:35");

只有兼容ECMAScript 5的浏览器才可用。以我自己的测试结果而言，IE8及以下不支持（返回NaN），请注意。

Date构造函数的另一个非常常用的用法是，不传递参数，这时候，新创建的对象将自动获得当前日期和时间。由于这里获得的当前时间是运行javascript的设备的系统时间，所以如果你自己手工更改了系统时间至不和真实情况一致，则javascript返回的结果也同样不和真实情况一致。

在指定时间内阻塞javascript代码，可以用Date实现：

var start = new Date();
while (new Date() - start < 1000) {
// wait 1 second...
};

这可以用于某些测试。

如果使用超出范围的时间值，不同的浏览器会有不同的处理。例如，在写本文的时间点，我测试了Aug 20 2014 15:75:32这样的值，Firefox 31会将其处理为Aug 20 2014 16:15:32，Chrome 36和IE9+返回Invalid Date，IE8-返回NaN。

可见，要保证正常运行，最好的做法是保证输入的就是合法的时间值。

如果不使用关键字new，也就是说，直接调用Date()，则无论传什么参数，都返回一个String字符串数据，其内容是当前时间，相当于Date.now().toString()的结果：

// will get a string like "Fri Aug 22 2014 10:10:08 GMT+0800"
var teaTime = Date("Aldnoah Zero");

使用Date类型，一般是为了在页面中显示时间信息。不过，事实情况是，Date类型所有的将日期格式化为字符串的方法，包括toString()和toLocaleString()，其结果都因浏览器不同而不同。因此，如果要显示一致的时间信息，应该使用getFullYear()、getMonth()等get方法依次获取时间中的数字信息，然后自己以字符串组合的方式来组成自己想要的时间信息。例如：

var time = new Date("Aug 22 2014 16:40:54"),
timeString = "";

timeString += time.getFullYear() + "-";
timeString += (time.getMonth() + 1) + "-";
timeString += time.getDate() + " ";
timeString += time.getHours() + ":";
timeString += time.getMinutes() + ":";
timeString += time.getSeconds();

alert(timeString); // 2014-8-22 16:40:54 in all browsers

需要注意的是，get方法有类似getUTCHours()和getHours()这样以UTC作为分别的情况。UTC系列的get方法返回的是前面所说的世界标准时间，时区上说就是零时区。而不带UTC的get方法返回的是当地时间。由于我们一般会用到的时间都是当地时间（比如国内是东八区，记为UTC/GMT +0800），所以基本只会用到getHours()这种形式的方法。

有关详细的Date类型的方法，请参考[MDN对Date的解释][]。

Date类型有一个getTimezoneOffset()的方法，它可以用来分析本地与UTC时间之间的时差。比如我自己这里调用的结果：

// -480 while I"m in china
var hereTimeOffset = new Date().getTimezoneOffset();

它的结果是本地时间和UTC时间相差的分钟数（而且是 UTC - 本地时间）。如果这个“本地”进入夏令时，这个值会有变化。

什么是夏令时？

DST是指夏令时间，也叫做日光节约时间（Daylight saving time）。它是由部分国家所实施的在一年中的某一时间段（以夏季为中心，例如美国的4月到10月）内，将时间拨快1小时，以充分利用夏季较长的日光时间，节约能源的时间制度。在实行夏令时的国家中，不同国家也会有不同的夏令时实施日期。

为什么说DST会影响到getTimezoneOffset()这个值呢，看看Windows 7里的日期和时间选项：

可见，夏令时已经被集成在系统内，会对应地改变系统时间，从而影响结果。不过，你可以从上面看到，中国未实行夏令时，所以不必担心受到影响，在此了解一下就可以了。

如何制作一个倒计时？

首先，需要明确的是，javascript的每一个Date对象表示的虽然是一个时间点，看起来包括年月日时分秒等多重信息，但它实际是由单个数字信息体现的，这个数字就是相对于1970年1月1日凌晨0点UTC的毫秒数。因此，将时间点对应的毫秒数，做减法，然后将差值结果（也是毫秒数）依次转化为其他不同级别的时间单位，就可以得到倒计时信息。

你可以参考[How to create a simple javascript countdown timer][]。

最近在完成某个日期和时间有关的功能时，发现自己对诸如UTC这样的概念都没有什么印象。所以，果断地自己补习了一下，然后整理成了这篇文章。

（重新编辑自我的博客，原文地址：http://acgtofe.com/posts/2014/08/a-tale-of-date）