Javascript JSON IE7 / IE8中的dateparsing返回NaN
我正在parsingJSON事件提要的date – 但是在IE7 / 8中date显示“NaN”:
// Variable from JSON feed (using JQuery's $.getJSON) var start_time = '2012-06-24T17:00:00-07:00'; // How I'm currently extracting the Month & Day var d = new Date(start_time); var month = d.getMonth(); var day = d.getDate(); document.write(month+'/'+day);// "6/24" in most browsers, "Nan/Nan" in IE7/8
我究竟做错了什么? 谢谢!
在较旧的浏览器中,可以编写一个函数来parsingstring。
这个创build一个Date.fromISO方法 – 如果浏览器本身可以从ISOstring中获取正确的date,则使用本地方法。
有些浏览器部分是正确的,但是返回错误的时区,所以只检查NaN可能不行。
填充工具:
(function(){ var D= new Date('2011-06-02T09:34:29+02:00'); if(!D || +D!== 1307000069000){ Date.fromISO= function(s){ var day, tz, rx=/^(\d{4}\-\d\d\-\d\d([tT ][\d:\.]*)?)([zZ]|([+\-])(\d\d):(\d\d))?$/, p= rx.exec(s) || []; if(p[1]){ day= p[1].split(/\D/); for(var i= 0, L= day.length; i<L; i++){ day[i]= parseInt(day[i], 10) || 0; }; day[1]-= 1; day= new Date(Date.UTC.apply(Date, day)); if(!day.getDate()) return NaN; if(p[5]){ tz= (parseInt(p[5], 10)*60); if(p[6]) tz+= parseInt(p[6], 10); if(p[4]== '+') tz*= -1; if(tz) day.setUTCMinutes(day.getUTCMinutes()+ tz); } return day; } return NaN; } } else{ Date.fromISO= function(s){ return new Date(s); } } })()
结果:
var start_time = '2012-06-24T17:00:00-07:00'; var d = Date.fromISO(start_time); var month = d.getMonth(); var day = d.getDate(); alert(++month+' '+day); // returns months from 1-12
对于ie7 / 8我刚刚做到了:
var ds = yourdatestring; ds = ds.replace(/-/g, '/'); ds = ds.replace('T', ' '); ds = ds.replace(/(\+[0-9]{2})(\:)([0-9]{2}$)/, ' UTC\$1\$3'); date = new Date(ds);
用空格replace所有出现的“ – ”和“/”,时间标记“T”,用一个IE友好的string代替时区信息,IE7 / 8能够正确地parsingstring的date。 为我解决了所有问题。
在IE8和IE9 +之间,在date的结果toJSON()上查看RobG的post是不同的 。
以下function在IE 8及以下版本中为我工作。
// parse ISO format date like 2013-05-06T22:00:00.000Z function convertDateFromISO(s) { s = s.split(/\D/); return new Date(Date.UTC(s[0], --s[1]||'', s[2]||'', s[3]||'', s[4]||'', s[5]||'', s[6]||'')) }
你可以testing如下:
var currentTime = new Date(convertDateFromISO('2013-05-06T22:00:00.000Z')).getTime(); alert(currentTime);
我build议http://momentjs.com/跨浏览器date问题。;
@gib感谢您对Moment.js的build议。 这个小型图书馆真的帮助处理date和JavaScript。
Moment.js解决了我原来的问题中描述的问题。 当parsing成新的Date()对象时,IE8将JSON ISOdate显示为NaN。
快速的解决scheme(包括在你的网页上的moment.js,或将代码复制到你的jsfunction包括)
如果您只需要在从JSON ISOdate加载的页面上显示date,请执行以下操作:
order_date = moment(data.OrderDate); //create a "moment" variable, from the "data" object in your JSON function in Protoype or jQuery, etc. $('#divOrderDate).html(order_date.calendar()); //use Moment's relative date function to display "today", "yesterday", etc.
要么
order_date = moment(data.OrderDate); //create a "moment" variable, from the "data" object in your JSON function in Protoype or jQuery, etc. $('#divOrderDate).html(order_date.format('m/d/YYYY')); //use Moment's format function to display "2/6/2015" or "10/19/2014", etc.
如果您必须有一个Date()对象(比如说用于jQuery组件),请按照以下步骤成功填充JSON提供的ISOdate。 (这假定你已经在处理你的JSON数据的function。)
var ship_date = new Date(moment(data.ShipDate).format('m/d/YYYY')); //This will successfully parse the ISO date into JavaScript's Date() object working perfectly in FF, Chrome, and IE8. //initialize your Calendar component with the "ship_date" variable, and you won't see NaN again.