解决json日期格式问题的3种方法
开发中有时候需要从服务器端返回json格式的数据，在后台代码中如果有DateTime类型的数据使用系统自带的工具类序列化后将得到一个很长的数字表示日期数据，如下所示：
//设置服务器响应的结果为纯文本格式
context.Response.ContentType="text/plain";
//学生对象集合
List<Student>students=newList<Student>
{
newStudent(){Name="Tom",
Birthday=Convert.ToDateTime("2014-01-3112:12:12")},
newStudent(){Name="Rose",
Birthday=Convert.ToDateTime("2014-01-1011:12:12")},
newStudent(){Name="Mark",
Birthday=Convert.ToDateTime("2014-01-0910:12:12")}
};
//javascript序列化器
JavaScriptSerializerjss=newJavaScriptSerializer();
//序列化学生集合对象得到json字符
stringstudentsJson=jss.Serialize(students);
//将字符串响应到客户端
context.Response.Write(studentsJson);
context.Response.End();
运行结果是：
其中Tom所对应生日“2014-01-31”变成了1391141532000，这其实是1970年1月1日至今的毫秒数；1391141532000/1000/60/60/24/365=44.11年，44+1970=2014年，按这种方法可以得出年月日时分秒和毫秒。这种格式是一种可行的表示形式但不是普通人可以看懂的友好格式，怎么让这个格式变化？
解决办法：
方法1：在服务器端将日期格式使用Select方法或LINQ表达式转换后发到客户端：
usingSystem;
usingSystem.Collections.Generic;
usingSystem.Web;
usingSystem.Web.Script.Serialization;
namespaceJsonDate1
{
usingSystem.Linq;
///<summary>
///学生类，测试用
///</summary>
publicclassStudent
{
///<summary>
///姓名
///</summary>
publicStringName{get;set;}
///<summary>
///生日
///</summary>
publicDateTimeBirthday{get;set;}
}
///<summary>
///返回学生集合的json字符
///</summary>
publicclassGetJson:IHttpHandler
{
publicvoidProcessRequest(HttpContextcontext)
{
//设置服务器响应的结果为纯文本格式
context.Response.ContentType="text/plain";
//学生对象集合
List<Student>students=newList<Student>
{
newStudent(){Name="Tom",Birthday=Convert.ToDateTime("2014-01-3112:12:12")},
newStudent(){Name="Rose",Birthday=Convert.ToDateTime("2014-01-1011:12:12")},
newStudent(){Name="Mark",Birthday=Convert.ToDateTime("2014-01-0910:12:12")}
};
//使用Select方法重新投影对象集合将Birthday属性转换成一个新的属性
//注意属性变化后要重新命名，并立即执行
varstudentSet=
students.Select
(
p=>new{p.Name,Birthday=p.Birthday.ToString("yyyy-mm-dd")}
).ToList();
//javascript序列化器
JavaScriptSerializerjss=newJavaScriptSerializer();
//序列化学生集合对象得到json字符
stringstudentsJson=jss.Serialize(studentSet);
//将字符串响应到客户端
context.Response.Write(studentsJson);
context.Response.End();
}
publicboolIsReusable
{
get
{
returnfalse;
}
}
}
}
Select方法重新投影对象集合将Birthday属性转换成一个新的属性，注意属性变化后要重新命名，属性名可以相同；这里可以使用select方法也可以使用LINQ查询表达式，也可以选择别的方式达到相同的目的；这种办法可以将集合中客户端不用的属性剔除，达到简单优化性能的目的。
运行结果：
这时候的日期格式就已经变成友好格式了，不过在javascript中这只是一个字符串。
方法二：
在javascript中将"Birthday":"\/Date(1391141532000)\/"中的字符串转换成javascript中的日期对象，可以将Birthday这个Key所对应的Value中的非数字字符以替换的方式删除，到到一个数字1391141532000，然后实例化一个Date对象，将1391141532000毫秒作为参数，得到一个javascript中的日期对象，代码如下：
//使用正则表达式将生日属性中的非数字（\D）删除 $("<li/>").html(birthday.toLocaleString()).appendTo("#ulStudents");; 运行结果： 上的使用正则/\D/igm达到替换所有非数字的目的，\D表示非数字，igm是参数，分别表示忽视(ignore)大小写；多次、全局(global)替换；多行替换(multi-line);有一些时候还会出现+86的情况，只需要变换正则同样可以达到目的。另外如果项目中反复出现这种需要处理日期格式的问题，可以扩展一个javascript方法，代码如下： //使用正则表达式将生日属性中的非数字（\D）删除 $("<li/>").html(birthday.toLocaleString()).appendTo("#ulStudents"); //在String对象中扩展一个toDate方法，可以根据要求完善 上面扩展的方法toDate不一定合理，也不够强大，可以根据需要修改。 方法三： 可以选择一些第三方的json工具类，其中不乏有一些已经对日期格式问题已处理好了的，常见的json序列化与反序列化工具库有： 1.fastJSON. 这里以litjson为序列化与反序列化json的工具类作示例，代码如下： usingLitJson; namespaceJsonDate2 ///<summary> ///<summary> ///<summary> //序列化学生集合对象得到json字符 publicboolIsReusable 运行结果如下： 这时候的日期格式就基本正确了，只要在javascript中直接实例化日期就好了， vardate=newDate("01/31/201412:12:12"); 客户端的代码如下： varbirthday=newDate(obj.Birthday); vardate=newDate("01/31/201412:12:12"); 这里讲到了三种解决json中序列化后的日期格式问题，应该还有更好更完善的方法，欢迎您告诉我。因为有很多学生问我所以我写了这点文字，欢迎批评指正。
<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>json日期格式处理</title>
<scriptsrc="Scripts/jquery-1.10.2.min.js"type="text/javascript"></script>
<scripttype="text/javascript">
$(function(){
$.getJSON("getJson.ashx",function(students){
$.each(students,function(index,obj){
$("<li/>").html(obj.Name).appendTo("#ulStudents");
//并把得到的毫秒数转换成数字类型
varbirthdayMilliseconds=parseInt(obj.Birthday.replace(/\D/igm,""));
//实例化一个新的日期格式，使用1970年1月1日至今的毫秒数为参数
varbirthday=newDate(birthdayMilliseconds);
});
});
});
</script>
</head>
<body>
<h2>json日期格式处理</h2>
<ulid="ulStudents">
</ul>
</body>
</html>
$(function(){
$.getJSON("getJson.ashx",function(students){
$.each(students,function(index,obj){
$("<li/>").html(obj.Name).appendTo("#ulStudents");
//并把得到的毫秒数转换成数字类型
varbirthdayMilliseconds=parseInt(obj.Birthday.replace(/\D/igm,""));
//实例化一个新的日期格式，使用1970年1月1日至今的毫秒数为参数
varbirthday=newDate(birthdayMilliseconds);
$("<li/>").html(obj.Birthday.toDate()).appendTo("#ulStudents");
});
});
});
String.prototype.toDate=function(){
vardateMilliseconds;
if(isNaN(this)){
//使用正则表达式将日期属性中的非数字（\D）删除
dateMilliseconds=this.replace(/\D/igm,"");
}else{
dateMilliseconds=this;
}
//实例化一个新的日期格式，使用1970年1月1日至今的毫秒数为参数
returnnewDate(parseInt(dateMilliseconds));
};
2.JSON_checker.
3.Jayrock.
4.Json.NET-LINQtoJSON.
5.LitJSON.
6.JSONfor.NET.
7.JsonFx.
8.JSONSharp.
9.JsonExSerializer.
10.fluent-json
11.ManateeJson
usingSystem;
usingSystem.Collections.Generic;
usingSystem.Web;
{
usingSystem.Linq;
///学生类，测试用
///</summary>
publicclassStudent
{
///<summary>
///姓名
///</summary>
publicStringName{get;set;}
///生日
///</summary>
publicDateTimeBirthday{get;set;}
}
///返回学生集合的json字符
///</summary>
publicclassGetJson:IHttpHandler
{
publicvoidProcessRequest(HttpContextcontext)
{
//设置服务器响应的结果为纯文本格式
context.Response.ContentType="text/plain";
//学生对象集合
List<Student>students=newList<Student>
{
newStudent(){Name="Tom",Birthday=Convert.ToDateTime("2014-01-3112:12:12")},
newStudent(){Name="Rose",Birthday=Convert.ToDateTime("2014-01-1011:12:12")},
newStudent(){Name="Mark",Birthday=Convert.ToDateTime("2014-01-0910:12:12")}
};
stringstudentsJson=JsonMapper.ToJson(students);
//将字符串响应到客户端
context.Response.Write(studentsJson);
context.Response.End();
}
{
get
{
returnfalse;
}
}
}
}
alert(date.toLocaleString());
$(function(){
$.getJSON("GetJson2.ashx",function(students){
$.each(students,function(index,obj){
$("<li/>").html(obj.Name).appendTo("#ulStudents");
$("<li/>").html(birthday.toLocaleString()).appendTo("#ulStudents");
});
});
});
alert(date.toLocaleString());
相关文章