使用jQuery格式化json.net日期

时间:2013-01-18 00:05:01

标签: jquery datepicker json.net

我从JSON.NET获得了以下日期(使用HTML显示)。

<span class="date"> 2013-01-01T00:00:00  </span>
<span class="date"> 2009-05-01T00:00:00  </span>
<span class="date"> 2011-01-06T00:00:00  </span>
<span class="date"> 2012-03-09T00:00:00  </span>

如何将这些日期转换为'mm-dd-yyyy'格式。这意味着,HTML应该是这样的:

<span class="date"> 01-01-2013  </span>
<span class="date"> 05-01-2009  </span>
<span class="date"> 01-06-2011  </span>
<span class="date"> 03-09-2012  </span>

我尝试了几种使用jQuery DatePicker和DateFormat的方法。我在SO也有类似的问题。但我仍然没有想到这一点。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:2)

jQuery UI datepicker.parseDate无法解析时间,因此您必须将其删除:

var input = "2013-01-01T00:00:00";
input = input.split("T")[0]; // "2013-01-01"
var date = $.datepicker.parseDate("yy-mm-dd", input); 

然后使用formatDate应该不是问题:

var newDateString = $.datepicker.formatDate("mm-dd-yy", date);

获取跨度html:

var spanHtml = "<span class='date'> " + newDateString + " </span>";

答案 1 :(得分:1)

$('span').text(function(i, v){
   var d = new Date($.trim(v));
   return (d.getMonth()+1) + '-' + d.getDate() + '-' + d.getFullYear();
});

http://jsfiddle.net/BdMfp/