2013-06-08 3 views
17

나는 날짜 입력 필드를 사용하고, 나의 ui에서 선택한 날짜의 각도를 각도로 지정합니다. 그러나 형식이 지정된 날짜는 항상 선택한 날짜보다 1 일 작습니다. 왜 그런가요? 어떻게 고칠 수 있습니까?각도 필터가 잘못된 날짜를 표시하는 이유는 무엇입니까?

HTML :

<div ng-app="miniapp"> 
    <div> 
    <label class="control-label" for="inputStart">Start Date:</label> 
     <input type="date" id="inputStart" data-ng-model="startDate" /><br /> 
     Selected: <span>{{ startDate }}</span><br /> 
     fullDate: <span>{{ startDate | date:'fullDate' }}</span><br /> 
     mediumDate: <span>{{ startDate | date:'mediumDate' }}</span><br /> 
     MMMM d yyyy<span>{{ startDate | date:'MMMM d yyyy' }}</span> 
    </div>  
</div> 

JS : http://jsfiddle.net/wittersworld/uY3s9/

편집 : 나는 작업 솔루션으로 바이올린을 업데이트 : http://jsfiddle.net/wittersworld/uY3s9/2/ 내가 문제를 보여줍니다 바이올린을

var app = angular.module('miniapp', []); 

+0

피들 날짜를 잘 보입니다. – Stewie

+1

@Stewie 왜냐하면 사라예보는 GMT + 1이기 때문입니다. GMT가 전날 23:05 인 0:05 시간에 OP의 바이올린을 사용해 본다면, 입력 한 것보다 하루 빨리 바이올린이 표시되는 것처럼 보입니다. –

답변

15

이것은 시간대 문제입니다.

날짜 선택 도구에 2013 년 6 월 8 일의 날짜를 입력하면 GMT는 자정입니다. 당신은 잉글랜드의 서쪽에 사는 경우에, 말, 미국에서, 그것은 2013 년

변경

{{ startDate | date:'medium' }} 

에 선

{{ startDate | date:'fullDate' }} 

의 시간을보고 6 월 7 일입니다!

+1

감사합니다 Ray! 저것은 해결책에 맞은 궤도에 저를 얻었다. 나머지 부분에서 도움이되는 기사를 찾았고 작업 방법으로 바이올린을 업데이트했습니다. http://www.techrepublic.com/article/convert-the-local-time-to-another-time-zone-with-this-javascript/6016329 – witters

+0

+1 나를 위해 일하는 이유를 설명하는 데 시간을내어. – Stewie

+2

링크 : http://www.techrepublic.com/article/convert-the-local-time-to-another-time-zone-with-this-javascript/ – jeffgabhart

관련 문제