Ale*_*yna 5 javascript debugging json date-parsing reviver-function
我的JSON字符串包含一个返回这样一个值的日期字段:
"2009-04-04T22:55:16.0000000-04:00"
Run Code Online (Sandbox Code Playgroud)
我特别感兴趣的是只解析日期隔间而不是时间.我尝试使用reviver函数,但有趣的是,从不调用reviver函数!(在Firefox上试过)
这是我完成的代码:
var Site = {
.....
dateReviver: function(key, value) {
var a;
if (typeof value === 'string') {
a = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
if (a) {
return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+a[5], +a[6]));
}
}
return value;
},
loadArticle: function(id) {
....
proxy.getArticle(id, function(response) {
var data = JSON.parse(response.result, Site.dateReviver);
....
});
}
};
Run Code Online (Sandbox Code Playgroud)
loadArticle永远不会调用JSON.parse dateReviver.
我投了一整天但没有运气!有人可以帮帮我吗?
使用TypeSript,我的解决方案如下:
export function parseWithDate(jsonString: string): any {
var reDateDetect = /(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/; // startswith: 2015-04-29T22:06:55
var resultObject = JSON.parse(jsonString,(key: any, value: any) => {
if (typeof value == 'string' && (reDateDetect.exec(value))) {
return new Date(value);
}
return value;
});
return resultObject;
}
Run Code Online (Sandbox Code Playgroud)
最好的世界;-)它使用一个匿名的datereviver,它由JSON.parse在每个属性上调用.reviver逻辑是检查属性是否是字符串类型,如果是,它是否看起来像一个日期的开始...如果它是一个日期,那么让新的Date(值)做实际的解析...所有这种方式支持时区变化.
希望能帮助到你!
正则表达式期望使用“ Zulu”时区(末尾为“ Z”字符),而示例日期时间字符串则显示数字时区(“ -04:00”)。以下正则表达式将接受两种:
/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)(Z|([+\-])(\d{2}):(\d{2}))$/
Run Code Online (Sandbox Code Playgroud)
如果时区数字不为零,则您可能需要在解析和/或转换为UTC之后实际修改日期,以遵守时区。
我可以看到dateReviver()被击中了。在浏览器中尝试以下操作:
<!-- saved from url=(0014)about:internet -->
<html>
<head>
<script src="http://www.json.org/json2.js"></script>
<script type="text/javascript" src="http://ajax.Microsoft.com/ajax/jQuery/jquery-1.3.2.js"></script>
<script>
$(function () {
// a mock proxy to return some json to play with
var proxy = {
getArticle: function(id, foo) { foo({
result: '["2009-04-04T22:55:16.0000000-04:00"]'
}); }
};
// the origial Site object, with the fixed regex
var Site = {
dateReviver: function(key, value) {
var a;
if (typeof value === 'string') {
a = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)(Z|([+\-])(\d{2}):(\d{2}))$/.exec(value);
if (a) {
return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+a[5], +a[6]));
}
}
return value;
},
loadArticle: function(id) {
proxy.getArticle(id, function(response) {
var data = JSON.parse(response.result, Site.dateReviver);
// put the parsed JSON date on the page
$("#output").html(data[0].toString());
});
}
};
// try out our Site object
Site.loadArticle();
});
</script>
</head>
<body>
<div id="output"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我在浏览器中得到以下指示成功解析的信息:
Sat Apr 4 15:55:16 PDT 2009
Run Code Online (Sandbox Code Playgroud)| 归档时间: |
|
| 查看次数: |
13225 次 |
| 最近记录: |