如何解析JSON以在JavaScript中接收Date对象？

How to parse JSON to receive a Date object in JavaScript?

我有以下一段JSON：

1	\/Date(1293034567877)\/

这是此.NET代码的结果：

1
2
3

var obj = DateTime.Now;
var serializer = new System.Web.Script.Serialization.JavaScriptSerializer();
serializer.Serialize(obj).Dump();

号

现在我面临的问题是如何用JavaScript从中创建日期对象。我能找到的只是难以置信的regex解决方案(许多包含bug)。

很难相信没有优雅的解决方案，因为这都是在javacrip中，我的意思是javascript代码试图读取JSON(javascript对象表示法)，这应该是一个javascript代码，而现在看来，这并不是因为javascript在这里做不好。

我还看到了一些我无法使用的评估解决方案(除了被指出是安全威胁)。

真的没有优雅的方式去做吗？

类似的问题没有真正的答案：如何用GWT解析ASP.NET JSON日期格式

相关讨论

parse函数接受可选的datetime恢复函数。您可以使用这样的函数：

1
2
3
4
5
6
7
8
9
10

dateTimeReviver = function (key, value) {
var a;
if (typeof value === 'string') {
a = /\/Date$(\d*)$\//.exec(value);
if (a) {
return new Date(+a[1]);
}
}
return value;
}

。

然后打电话

1	JSON.parse(somejsonstring,dateTimeReviver)

你的约会会很顺利的

相关讨论

没有标准的JSON表示日期。你应该按照@jandy的建议来做，而不是序列化一个DateTime；只需发送一个RFC 1123日期字符串ToString("r")，或者从unix epoch number发送一秒，或者在javascript中可以用来构造一个Date。

相关讨论

Roy Tinker的回答是：

1	var date = new Date(parseInt(jsonDate.substr(6)));

号

如他所说：substr函数会去掉"/date"("part"，parseint函数会得到整数并忽略末尾的")/"。生成的数字将传递给日期构造函数。

另一种选择是简单地在ASP端正确格式化您的信息，这样JavaScript就可以轻松地读取它。考虑在约会中这样做：

1	DateTime.Now()

它应该返回这样的格式：

1	7/22/2008 12:11:04 PM

。

如果您将它传递到javascript Date构造函数中，如下所示：

1	var date = new Date('7/22/2008 12:11:04 PM');

变量Date现在保存该值：

1	Tue Jul 22 2008 12:11:04 GMT-0700 (Pacific Daylight Time)

。

当然，您可以将这个DateTime对象格式化为JS Date构造函数接受的任何类型的字符串/int。

相关讨论

如果在JSON中使用JavaScript样式的ISO8601日期，那么可以从MDN中使用它。

1
2
3

var jsonDate = (new Date()).toJSON();
var backToDate = new Date(jsonDate);
console.log(jsonDate); //2015-10-26T07:46:36.611Z

。

相关讨论

您可以在javascript中将JSON日期转换为普通的日期格式。

1	var date = new Date(parseInt(jsonDate.substr(6)));

号

怎么了：

1	new Date(1293034567877);

这为我返回"2010年12月22日星期三16:16:07 GMT+0000(GMT标准时间)"。

或者你需要把这个号码从JSON里拿出来？

相关讨论

你的解决方案有什么问题？好吧，1293034567877不是我的JSON，对吧？另外，我不需要把这个数字从JSON中取出来，我需要把日期从JSON中取出来。我对javascript的期望要比使用regex做任何事情都高一点。我需要我的代码是可读的，而不是像一个卡通诅咒。
我会责怪.NET以像\/Date(1293034567877)\/这样奇怪的格式生成日期对象的序列化。如果它是健全的，它将只输出纪元时间，您可以用它初始化一个日期对象。
我做这件事很喜欢心理战。问题是这不是JSON日期，这是.NET日期。从字符串中解析一个数字不是一个大问题，是吗？
@大卫·多沃德：也许是这样，在这种情况下，什么是有效的JSON？
@皮托·奥瓦西克，看我的答案
JSON没有数据类型。如我所说，我只是用纪元时间作为一个数字。{ date: 1293034567877 }。然后你可以用JS，foo.date = new Date(foo.date);把它膨胀成日期对象。
@大卫·多沃德：我刚从谷歌那里学到这一点。JSON有多大的错误！
在JSON中只需要一个数字来表示日期。额外的数据类型带来的好处不会超过增加复杂性所带来的成本。
@piotr"一个巨大的错误"不是。可以用多种方式将日期表示为数字或字符串，这对几乎所有语言都有意义，包括epoch-time或unix时间戳。
@treeface：如果你考虑到json代表javascript对象符号的事实，很明显有人犯了错误，要么给它命名，要么忘记包含日期类型。
@piotr但是javascript对象表示法不是javascript，它只是一种主要取自javascript的语法约定。如果一个Date类型可以表示为一个String，那么它应该包括什么呢？
@Treeface：如果JSON不是JavaScript，那么我认为教程和书籍应该被归咎于这种常见的误解。不管怎样，我很乐意接受纠正，真的。关于你关于日期可以用字符串来表示的建议，我可以说一切都可以用字符串来表示，对吧？但这不会使我们的工作更容易，而是非常痛苦和地狱般的。我想我的问题是因为我认为JSON是一种序列化格式(广告上说它比XML占用更少的带宽，更好地使用JavaScript)。事实证明，这不是，至少不是无痛的。
@treeface：我在谷歌上搜索了你关于json的声明，发现json是javascript，实际上它是javascript的一个子集。请参阅RFC 4627"javascript对象表示法(JSON)的应用程序/JSON媒体类型"，并查找一条语句："JSON的设计目标是使其最小化、可移植、文本化，并且是javascript的一个子集。"现在，当我考虑它时，很明显您可以在JSON上调用eval()。
David Dorward：我更希望在库(即.NET、Java、Ruby、Python或你所使用的每种语言/平台)中实现更深层次的复杂度，而不是留给程序员处理的细节。还要注意，在JSON中不需要支持布尔和整数数据类型，您可以将它们放入字符串中，对吗？你能想象从JSON那里得到任何东西有多糟糕吗？

我知道这是一个非常古老的线索，但我想张贴这篇文章，以帮助那些谁碰上这一点，像我一样。

如果你不在乎使用第三方脚本，你可以使用moment，js然后您可以使用.format()将其格式化为您想要的任何内容。

相关讨论

约会总是一场噩梦。回答你的旧问题，也许这是最优雅的方式：

1	eval(("new" +"/Date(1455418800000)/").replace(/\//g,""))

号

使用eval，我们将字符串转换为javascript代码。然后我们去掉"/"，变成replace函数是一个正则表达式。当我们从新开始时，我们的句子会非常有趣：

1	new Date(1455418800000)

号

现在，有一件事我很久以前就开始使用了，那就是用记号表示的长值…为什么？好吧，本地化并停止思考如何在每台服务器或每台客户机中配置日期。实际上，我也在数据库中使用它。

也许这个答案很晚了，但可以帮助任何到这里的人。

相关讨论

AngularJS也无法分析.NET JSON日期/Date(xxxxxxxxxxxxx)/字符串。

我方通过将日期格式化为它的iso 8601字符串表示，而不是直接转储Date对象来解决这个问题…

以下是ASP.NET MVC代码的示例。

1
2
3

return Json(new {
date : DateTime.Now.ToString("O") //ISO 8601 Angular understands this format
});

号

我试过RFC 1123，但没用……Angular将其视为字符串而不是日期。

1
2
3

return Json(new {
date : DateTime.Now.ToString("R") //RFC 1123 Angular won't parse this
});

我没有用.NET做这种事。如果你能让它打印出像下面这样的东西，它就可以工作了。

注意，除非您通过其他方式解析JSON字符串，或者只希望用户使用内置JSON解析器的现代浏览器，否则您需要使用JS框架或JSON2将服务器输出的JSON字符串解析为真正的JSON对象。

1
2
3
4
5
6
7
8

// JSON received from server is in string format
var jsonString = '{"date":1251877601000}';

//use JSON2 or some JS library to parse the string
var jsonObject = JSON.parse( jsonString );

//now you have your date!
alert( new Date(jsonObject.date) );

。

维基链接

Modern browsers, such as Firefox 3.5 and Internet Explorer 8, include special features for parsing JSON. As native browser support is more efficient and secure than eval(), it is expected that native JSON support will be included in the next ECMAScript standard.[6]

号

链接到JSON2文件

实况示例

相关讨论

1
2
3
4
5
6
7
8
9
10

function parseJsonDate(jsonDate) {

var fullDate = new Date(parseInt(jsonDate.substr(6)));
var twoDigitMonth = (fullDate.getMonth() + 1) +""; if (twoDigitMonth.length == 1) twoDigitMonth ="0" + twoDigitMonth;

var twoDigitDate = fullDate.getDate() +""; if (twoDigitDate.length == 1) twoDigitDate ="0" + twoDigitDate;
var currentDate = twoDigitMonth +"/" + twoDigitDate +"/" + fullDate.getFullYear();

return currentDate;
};

号

我遇到了一个外部API以这种格式提供日期的问题，有时甚至使用像/Date(123232313131+1000)/这样的UTC差异信息。我可以用下面的代码来转换JS Date对象

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

号

正如callum提到的，对我来说，最好的方法是将controller方法改为string，而不是jsonresult"。

1
2
3
4
5

public string GetValues()
{
MyObject.DateFrom = DateTime.Now;
return JsonConvert.SerializeObject(MyObject);
}

号

从Ajax方法中，您可以这样做

1
2
3
4
5
6
7
8
9
10
11

$.ajax({
url:"/MyController/GetValues",
type:"post",
success: function (data) {
var validData = JSON.parse(data);
//if you are using datepicker and you want set a format
$("#DateFrom").val($.datepicker.formatDate("dd/mm/yy", new Date(validData.DateFrom)));
// if you want the date as returned
$("#DateFrom").val(new Date(validData.DateFrom))
}
});

号

使用eval函数只需要去掉前面和后面的斜线。

1 2	var date1 ="/Date(25200000)/" eval("new" + date1.substring(1, date1.length - 1));

收益率1970年1月1日星期四00:00:00 GMT-0700(美国山地标准时间)

这个问题的答案是，使用nuget获取json.net，然后在JsonResult方法中使用它：

1	JsonConvert.SerializeObject(/* JSON OBJECT TO SEND TO VIEW */);

号

在您的视图中，只需在javascript中执行以下操作：

1	JSON.parse(/* Converted JSON object */)

号

如果是Ajax调用：

1 2	var request = $.ajax({ url:"@Url.Action("SomeAjaxAction","SomeController")", dataType:"json"}); request.done(function (data, result) { var safe = JSON.parse(data); var date = new Date(safe.date); });

号

调用JSON.parse后，可以将json日期放入new Date实例中，因为JsonConvert创建了适当的iso时间实例。

1
2
3
4
5
6
7
8
9
10

//
// formats a .net date into a javascript compatible date
//
function FormatJsonDate(jsonDt)
{
var MIN_DATE = -62135578800000; // const

var date = new Date(parseInt(jsonDt.substr(6, jsonDt.length-8)));
return date.toString() == new Date(MIN_DATE).toString() ?"" : (date.getMonth() + 1) +"\" + date.getDate() +"\" + date.getFullYear();
}

相关讨论

1
2
3
4
5
6
7
8
9
10

号

//使用此函数

1 2	var objDate=parseJsonDate("\/Date(1443812400000)\/"); alert(objDate);

号