一起Polyfill系列：让Date识别ISO 8601日期时间格式

一、什么是ISO 8601日期时间格式

ISO 8601是国际标准化组织制定的日期时间表示规范，全称是《数据存储和交换形式·信息交换·日期和时间的表示方法》。

示例：

1. 2014-12-12T00:00:00.000Z

2. 2014-12-12T00:00:00.000+08

3. 2014-12-12T00:00:00.000+0800

4. 2014-12-12T00:00:00.000+08:00

5. 2004-W17-3

6. 0001-165

详细说明请参考度娘：http://baike.baidu.com/link?url=Qr7NLClAyUHihOCl1DK6DQL_gMw5rk3euXdiz3zt6M9ORGFS2XBy7LHmcO2ID-iz

二、Javascript中实现的ISO 8601日期时间格式

度娘后大家应该对ISO 8061有一定的了解了吧。ISO 8601的内容十分丰富，可惜Javascript仅仅实现一小部分而已，不过这一部分就够我们用了。

javascript支持的ISO 8061格式如下：

1. 2014-12-12T00:00:00.000Z

　2. 2014-12-12T00:00:00.000+0800

3. 2014-12-12T00:00:00.000+08:00

二、ES5中涉及ISO 8061日期时间格式的方法

　1.  Date.parse({String} datetime) ：接收ISO 8061和GMT的日期时间格式字符串（根据格式内容被识别为0时区或其他时区的日期时间），返回入参所表示的0时区日期时间距离1970年1月1日的毫秒数。

2.  Date.prototype.toISOString() ：返回当前Date类型对象0时区的ISO 8061日期时间格式字符串。形如：2014-12-12T00:00:00.000Z

3.  new Date({String} datetime) ：构造函数的入参在ES5中新增接收ISO 8061格式字符串，其实内部就是调用 Date.parse({String} datetime) 进行转换。

4.  Date.prototype.toJSON() ：返回当前Date类型对象0时区的ISO 8061日期时间格式字符串。形如：2014-12-12T00:00:00.000Z。

三、认识ES3下的Date类型

 1. 作为构造函数使用

/**
  * 第一种入参模式：无入参，实例化当前日期时间的Date对象
  */
var date1 = new Date();

/**
  * 第二种入参模式：短日期格式字符串入参，实例化当前时区日期时间的Date对象
  */
var date2 = new Date('2014/12/3');

/**
  * 第三种入参模式：长日期格式字符串入参，实例化当前时区日期时间的Date对象
  */
var date3 = new Date('Aug 3, 2014');

/**
  * 第四种入参模式：GMT日期格式字符串入参，实例化指定时区日期时间的Date对象
  */
var date4 = new Date('Tue May 25 2014 00:00:00 GMT +0800');

/**
  * 第五种入参模式：GMT日期格式字符串入参，实例化0时区日期时间的Date对象
  */
var date5 = new Date('Tue May 25 2014 00:00:00 GMT');

/**
  * 第六种入参模式：入参依次为年、月、日、时、分、秒和毫秒的数值（其中仅年和月为必填项，日默认值为1，其他默认值为0），实例化当前时区日期时间的Date对象
  */
var date6 = new Date(,,,,,,);

   2. 作为函数使用

// 无论入参是什么，总返回当前时区的GMT日期时间格式的字符串
var dateStr = Date();

   3. 类成员

3.1.  Date.parse({String} datetime) ：接收GMT的日期时间格式字符串（根据GMT格式内容被识别为0时区或其他时区的日期时间），返回入参所表示的0时区日期时间距离1970年1月1日的毫秒数

3.2.  Date.UTC(Y,M,d,H,m,s,ms) ：设置0时区的日期时间，返回入参所表示的0时区日期时间距离1970年1月1日的毫秒数

   4. 部分实例成员

　　4.1.  Date.prototype.toGMTString() ：返回当前Date对象的GMT日期时间格式字符串（仅为了向后兼容而已）

　　4.2.  Date.prototype.toUTCString() ：返回当前Date对象的GMT日期时间格式字符串（建议使用该方法）

四、一起Polyfill

    if (!Date.prototype.toISOString){
        var isLeapYear = function(year){
            return (year %  === ) || (year %  ===  && year %  !== );
        };
        var operHoursAndMinutes = {};
        operHoursAndMinutes['+'] = function(minusHours, minusMinutes, year, month, date, hours, minutes, seconds, milliseconds){
            var ret = {};
            minutes -= minusMinutes;
            hours -= minusHours;
            if (minutes < ){
                hours -= ;
                minutes += ;
            }
            if (hours <  ){
                --date;
                hours += ;
                if (date < ){
                    --month;
                    if (month < ){
                        --year;
                        month = ;
                    }
                    if (month %  === ){
                        date += ;
                    }
                    else if (month === )
                    {
                        date += isLeapYear(year) ?  : ;
                    }
                    else{
                        date += ;
                    }

                    if (month < ){
                        --year;
                        month += ;
                    }
                }
            }

            ret.year = year;
            ret.month = month;
            ret.date = date;
            ret.hours = hours;
            ret.minutes = minutes;
            ret.seconds = seconds;
            ret.milliseconds = milliseconds;

            return ret;
        };
        operHoursAndMinutes['-'] = function(addHours, addMinutes, year, month, date, hours, minutes, seconds, milliseconds){
            var ret = {};

            minutes += addMinutes;
            hours += addHours;
            if (minutes >= ){
                hours += ;
                minutes -= ;
            }
            if (hours >=){
                ++date;
                hours -= ;
                var dateOfCurrMonth = month %  ===  ?  : (month ===  ? (isLeapYear(year) ?  : ) : );
                if (date >= dateOfCurrMonth){
                    ++month;
                    date -= dateOfCurrMonth;

                    if (month >= ){
                        ++year;
                        month -= ;
                    }
                }
            }

            ret.year = year;
            ret.month = month;
            ret.date = date;
            ret.hours = hours;
            ret.minutes = minutes;
            ret.seconds = seconds;
            ret.milliseconds = milliseconds;

            return ret;
        };
        var regExp = new RegExp('^(\\d{4,4})'
                + '-((?:0[123456789]|1[012]))'
                + '-((?:0[123456789]|[12]\\d|3[01]))'
                + 'T'
                + '((?:[01]\\d|2[0123]))'
                + ':([012345]\\d)'
                + ':([012345]\\d)'
                + '(?:.(\\d{3}))?'
                + '(Z|[+-](?:[01]\\d|2[0123]):?[012345]\\d)$');
        var parseISOString2UTC = function(ISOString){
            var ret = {};
            var year = Number(RegExp.$)
                , month = Number(RegExp.$) -
                , date = Number(RegExp.$)
                , hours = Number(RegExp.$)
                , minutes = Number(RegExp.$)
                , seconds = Number(RegExp.$)
                , offset = RegExp.$
                , milliseconds;
            milliseconds = (milliseconds = Number(RegExp.$), !isNaN(milliseconds) && milliseconds || );

            if (offset === 'Z'){
                ret.year = year;
                ret.month = month;
                ret.date = date;
                ret.hours = hours;
                ret.minutes = minutes;
                ret.seconds = seconds;
                ret.milliseconds = milliseconds;
            }
            else if (typeof offset !== 'undefined'){
                var symbol = offset.charAt();
                var offsetHours = Number(offset.substring(,));
                var offsetMinutes = Number(offset.substring(offset.length >  ?  : ));

                ret = operHoursAndMinutes[symbol](offsetHours, offsetMinutes, year, month, date, hours, minutes, seconds, milliseconds);
            }

            return ret;
        };

        var _nativeDate = Date;
        Date = function(Y,M,D,H,m,s,ms){
            var ret, len = arguments.length;
            if (!(this instanceof Date)){
                ret = _nativeDate.apply(null, arguments);
            }
            else if (len ===  && typeof arguments[] === 'string' && regExp.test(arguments[])){
                var tmpRet;
                try{
                    tmpRet = parseISOString2UTC();
                }
                catch(e){
                    console && console.log('Invalid Date');
                    return void ;
                }

                ret = new _nativeDate(_nativeDate.UTC(tmpRet.year, tmpRet.month, tmpRet.date, tmpRet.hours, tmpRet.minutes, tmpRet.seconds, tmpRet.milliseconds));
            }
            else if (typeof arguments[] === 'string'){
                ret = new _nativeDate(arguments[]);
            }
            else{
                ret = len >=  ? new _nativeDate(Y, M, D, H, m, s, ms)
                    : len >=  ? new _nativeDate(Y, M, D, H, m, s)
                    : len >=  ? new _nativeDate(Y, M, D, H, m)
                    : len >=  ? new _nativeDate(Y, M, D, H)
                    : len >=  ? new _nativeDate(Y, M, D)
                    : len >=  ? new _nativeDate(Y, M)
                    : len >=  ? new _nativeDate(Y)
                    : new _nativeDate();
            }

            return ret;
        };
        Date.prototype = _nativeDate.prototype;
        Date.prototype.constructor = Date;

        var _pad = function(num){
            if (num < ){
                return '' + num;
            }
            return num;
        };
        var _padMillisecond = function(num){
            if (num < ){
                return '' + num;
            }
            else if (num < ){
                return '' + num;
            }
            return num;
        };
        Date.prototype.toISOString = function(){
                return [this.getUTCFullYear(), '-', _pad(this.getUTCMonth() + ), '-', _pad(this.getUTCDate()), 'T'
                    , _pad(this.getUTCHours()), ':', _pad(this.getUTCMinutes()), ':', _pad(this.getUTCSeconds()), '.', _padMillisecond(this.getUTCMilliseconds()), 'Z'].join('');
            };

        // 复制可枚举的类成员
        for (var clsProp in _nativeDate){
            if (_nativeDate.hasOwnProperty(clsProp)){
                Date[clsProp] = _nativeDate[clsProp];
            }
        }
        // 复制不可枚举的类成员
        var innumerableMems = ['UTC'];
        for (var i = , clsProp; clsProp = innumerableMems[i++];){
            Date[clsProp] = _nativeDate[clsProp];
        }

        Date.parse = function(str){
            if (['string', 'number'].indexOf(typeof str) === -) return NaN;

            var isMatch = regExp.test(str), milliseconds = ;
            if (!isMatch) return _nativeDate.parse(str);

            var tmpRet = parseISOString2UTC();

            return _nativeDate.UTC(tmpRet.year, tmpRet.month, tmpRet.date, tmpRet.hours, tmpRet.minutes, tmpRet.seconds, tmpRet.milliseconds);
        };
        Date.now = Date.now
            || function(){
                return +new this();
            };
    }

五、总结

上述实现相对es5-shim来讲考虑的地方仍有欠缺，这源于我对日期时间格式的理解不够完整，因此请大家多多见谅。

原创文章，转载请注明来自^_^肥仔John[http://fsjohnhuang.cnblogs.com]

本文地址：http://www.cnblogs.com/fsjohnhuang/p/3731251.html （本篇完）

如果您觉得本文的内容有趣就扫一下吧！捐赠互勉！