jquery - 使用 jQuery 格式化 json.net 日期

Question

我从 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上也有类似的问题。但我仍然无法弄清楚这一点。任何帮助将不胜感激。

Answer 1

jQuery UIdatepicker.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>";

Answer 2

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

http://jsfiddle.net/BdMfp/