Warum passt sich das Datum nicht an die von UTC festgelegte Zeit an?

Question

Beim Drucken der Uhrzeit für die Uhren funktioniert ein ähnlicher Code und passt sich an die gewählte Zeitzone an, aber dies funktioniert nicht für das Drucken des Datums. Irgendeine Idee warum?

Es wird nur die UTC-Standardzeit angezeigt.

<script> 
    function cetDT(){ 

var now = new Date(); 
var today = new Date(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds()); 

var day = today.getDate(); 
var month = today.getMonth(); 
var year = today.getFullYear(); 

var anHour = 1000 * 60 * 60; 
today = new Date(today.getTime() - anHour * -2); 

var hours = today.getHours(); 
var minutes = today.getMinutes(); 
var seconds = today.getSeconds(); 

if (hours >= 12){ 
meridiem = ""; 
} 
else { 
meridiem = ""; 
} 


if (minutes<10){ 
minutes = "0" + minutes; 
} 
else { 
minutes = minutes; 
} 

if (seconds<10){ 
seconds = "0" + seconds; 
} 
else { 
seconds = seconds; 
} 

document.getElementById("cetDT").innerHTML = (day + '/' + (parseFloat (month) + 1) + '/' + year); 

} 

cetDT(); 
</script> 

Answer 1

Sie verwenden now.getUTCDate(), now.getUTCHours() und ähnliche, die das aktuelle Datum und die Uhrzeit in UTC greifen wird.

Um das lokale Äquivalent zu erhalten, suchen Sie nach now.getDate(), now.getHours() usw. Beachten Sie das Fehlen von "UTC" in den Namen.

Beachten Sie, dass, obwohl Sie Aktualisierung die today Variable mit today = new Date(today.getTime() - anHour * -2) sind, today früher mit den UTC-Zeiten paraphiert. Somit wird getTime() relativ zu UTC sein.

Um dies zu beheben, alles, was Sie tun müssen, um die Swap die UTC-Zeiten:

function cetDT() { 

    var now = new Date(); 
    var today = new Date(now.getFullYear(), now.getMonth(), now.getDate(), now.getHours(), now.getMinutes(), now.getSeconds()); 

    var day = today.getDate(); 
    var month = today.getMonth(); 
    var year = today.getFullYear(); 

    var anHour = 1000 * 60 * 60; 
    today = new Date(today.getTime() - anHour * -2); 

    var hours = today.getHours(); 
    var minutes = today.getMinutes(); 
    var seconds = today.getSeconds(); 

    if (hours >= 12) { 
    meridiem = ""; 
    } else { 
    meridiem = ""; 
    } 


    if (minutes < 10) { 
    minutes = "0" + minutes; 
    } else { 
    minutes = minutes; 
    } 

    if (seconds < 10) { 
    seconds = "0" + seconds; 
    } else { 
    seconds = seconds; 
    } 

    document.getElementById("cetDT").innerHTML = (day + '/' + (parseFloat(month) + 1) + '/' + year); 

} 

cetDT(); 

Beachten Sie, dass es auch mehrere Bits des Codes ist, die vollständig redundant, wie else { seconds = seconds; } sind. Vielleicht möchten Sie in Refactoring diesen Code suchen;)

Hoffe, das hilft! :)