서버가 항상 HTML로 UTC로 날짜를 제공하고 클라이언트 사이트의 JavaScript가 사용자의 현지 시간대로 변환하도록하고 싶습니다.
사용자의 로캘 날짜 형식으로 출력 할 수있는 경우 보너스.
답변
UTC 날짜로 시작하는 가장 확실한 방법은 새 Date객체 를 만들고 setUTC…메소드를 사용하여 원하는 날짜 / 시간으로 설정하는 것입니다.
그런 다음 다양한 toLocale…String방법이 현지화 된 출력을 제공합니다.
예:
// This would come from the server.
// Also, this whole block could probably be made into an mktime function.
// All very bare here for quick grasping.
d = new Date();
d.setUTCFullYear(2004);
d.setUTCMonth(1);
d.setUTCDate(29);
d.setUTCHours(2);
d.setUTCMinutes(45);
d.setUTCSeconds(26);
console.log(d); // -> Sat Feb 28 2004 23:45:26 GMT-0300 (BRT)
console.log(d.toLocaleString()); // -> Sat Feb 28 23:45:26 2004
console.log(d.toLocaleDateString()); // -> 02/28/2004
console.log(d.toLocaleTimeString()); // -> 23:45:26일부 참고 문헌 :
답변
새 프로젝트의 경우 moment.js를 사용 하십시오.
이 질문은 꽤 오래되었으므로 당시에 는 moment.js 가 존재하지 않았지만 새로운 프로젝트의 경우 이와 같은 작업을 단순화합니다.
UTC에서 날짜 문자열을 다음과 같이 구문 분석하는 것이 가장 좋습니다 ( 모든 브라우저에서 일관된 결과를 얻으려면 서버에서 ISO-8601 호환 문자열을 작성하십시오).
var m = moment("2013-02-08T09:30:26Z");이제 m응용 프로그램에서 사용 하십시오. moment.js는 기본적으로 표시 작업을위한 현지 시간대입니다. 날짜 및 시간 값을 형식화 하거나 그 일부를 추출 하는 방법 에는 여러 가지 가 있습니다.
다음과 같이 사용자 로케일에서 moment 객체를 포맷 할 수도 있습니다.
m.format('LLL') // Returns "February 8 2013 8:30 AM" on en-usmoment.js 객체를 다른 시간대로 변환하려면 (즉, 로컬 시간대도 UTC도 아닌) moment.js 시간대 확장 이 필요합니다 . 이 페이지에는 몇 가지 예가 있으며 사용하기가 매우 간단합니다.
답변
new Date().getTimezoneOffset()/60시간대에 사용할 수 있습니다 . toLocaleString()사용자의 로캘을 사용하여 날짜를 표시 하는 방법 도 있습니다 .
전체 목록은 다음과 같습니다. 날짜 작업
답변
날짜 개체가 생성되면 다음은 전환을위한 스 니펫입니다.
이 함수는 UTC 형식의 Date 객체와 형식 문자열을 사용합니다. 프로토 타입
이 필요합니다 Date.strftime.
function UTCToLocalTimeString(d, format) {
if (timeOffsetInHours == null) {
timeOffsetInHours = (new Date().getTimezoneOffset()/60) * (-1);
}
d.setHours(d.getHours() + timeOffsetInHours);
return d.strftime(format);
}답변
JS에서는 위에서 언급 한 것처럼 각 속성을 변환하지 않고 로컬 날짜 시간을 형식화하는 간단하고 크로스 플랫폼 방법이 없습니다.
다음은 로컬 YYYY-MM-DD를 얻는 데 사용하는 빠른 해킹입니다. 최종 날짜에 더 이상 올바른 시간대가 없으므로 시간대를 무시해야하므로 이것은 해킹입니다. 더 필요한 것이 있으면 moment.js를 사용합니다.
var d = new Date();
d = new Date(d.getTime() - d.getTimezoneOffset() * 60000)
var yyyymmdd = t.toISOString().slice(0,0);
// 2017-05-09T08:24:26.581Z (but this is not UTC)d.getTimezoneOffset ()은 표준 시간대 오프셋을 분 단위로 반환하고 d.getTime ()은 ms 단위이므로 x 60,000입니다.
답변
지난 프로젝트에서 사용한 내용은 다음과 같습니다.
var myDate = new Date();
var tzo = (myDate.getTimezoneOffset()/60)*(-1);
//get server date value here, the parseInvariant is from MS Ajax, you would need to do something similar on your own
myDate = new Date.parseInvariant('<%=DataCurrentDate%>', 'yyyyMMdd hh:mm:ss');
myDate.setHours(myDate.getHours() + tzo);
//here you would have to get a handle to your span / div to set. again, I'm using MS Ajax's $get
var dateSpn = $get('dataDate');
dateSpn.innerHTML = myDate.localeFormat('F');답변
이 .getTimezoneOffset()방법은 표준 시간대 오프셋을 분 단위로보고하고 GMT / UTC 표준 시간대에서 “서쪽”을 계산하여 일반적으로 익숙한 것과는 다른 오프셋 값을 만듭니다. (예를 들어, 뉴욕 시간은 +240 분 또는 +4 시간으로보고됩니다)
시간 단위로 표준 시간대 오프셋을 얻으려면 다음을 사용해야합니다.
var timeOffsetInHours = -(new Date()).getTimezoneOffset()/60중요 세부 사항 :
일광 절약 시간이 결과에 반영되어 주 – 그래서이 방법을 제공하는 것은 정말입니다 시간 오프셋 -하지 실제 지리적 시간대는 오프셋.