2013-01-18 2 views
1

JSON.NET에서 다음 날짜 (HTML로 표시)를 받았습니다.형식 json.net date with jQuery

<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

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>"; 
+0

formatDate를 사용한 후 어떻게 출력을

+0

@ user1988856 답변을 업데이트했습니다. –

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

http://jsfiddle.net/BdMfp/

+0

올바르게 변환 할 수 없습니다. 예 : '2014-01-01T00 : 00 : 00 '날짜는 12-31-2013으로 변환됩니다. –

+0

@ user1988856 정말입니까? http://jsfiddle.net/95g9r/ – undefined

+0

나는 나의 ASP.NET 웹 사이트를 사용하고 당신의 [링크] (http://jsfiddle.net/BdMfp/)를 사용하여 그것을 테스트했다. 두 웹 사이트 모두 이전 날짜를 표시합니다. XP에서 Chrome을 실행 중입니다. –