Optimiser fonction UTC ->Locale, formater ISO

Version imprimable

Bonjour,
J'extrais des données d'un serveur pour les afficher dans une popup sous forme de tableau.

La date et l'heure sont sous ce format 2017-12-29 16:00 UTC, lors de la création du tableau dans la popup j'aimerais qu'il me convertisse en local mais en gardant le formatage ISO ex :

Code:

2017-12-29 17:00 UTC+1

La fonction suivante fait le job
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 var d_utc = [2017,11,29,16,0]; function CltDTZ (d_utc) { var d = new Date(Date.UTC.apply(null, d_utc)); var o = -d.getTimezoneOffset(), t = Math.abs(o); var s = (o < 0) ? "-" : "+"; var h = Math.trunc(t) / 60; var mh = (h == 0) ? "" : s + h; var m = t % 60; var hm = (m == 0) ? mh : s + h + ':' + m; var Y = d.getFullYear(); var M = ("0"+ (d.getMonth() + 1)).slice(-2); var D = ("0" + d.getDate()).slice(-2); var HH = ("0" + d.getHours()).slice(-2); var MM = ("0" + d.getMinutes()).slice(-2); return Y + "-" + M + "-" + D + " " + HH + ":" + MM + " " + "UTC" + hm; }; alert (CltDTZ(d_utc)); // 2017-12-29 17:00 UTC+1
J'aimerais savoir s'il est possible d'optimiser le code avec les constructeurs disponibles qui pourrait me générer ça :
Code:

1 2 3 DateTimeUTC : 2017-12-29T16:00:00.000Z // donné par le serveur =>> Traitement via les constructeurs disponibles DateTimeLOC : 2017-12-29T17:00:00.000+01:00 // ex:+1 pour la FR en ce moment
Merci

29/12/2017, 17h20
Beginner.

Salut,

Qu'est-ce que tu entends par "constructeurs" ?
29/12/2017, 17h33
Beginner.

Je viens de regarder ton autre fil...

Je ne comprends pas pourquoi tu parts de la date du serveur pour afficher la date en local chez le client...

Pourquoi ne pas afficher directement la date en locale chez le client ? Je veux dire si tu affiches la date coté client avec du code JS il affichera la date en locale indépendamment de la date du serveur puisque ce code est exécuté coté client, non ?

A moins que la date du serveur ne soit pas la date en cours mais n'importe quelle date ?
29/12/2017, 17h40
rlelamer

J'appelle "constructeurs" les fonctions universelles définies comme .toISOString() par exemple
( Je sens que je vais me faire taper sur les doigts vu que ça s'appelle pas comme ça )
Voila la page que je consulte
https://www.w3schools.com/jsref/jsref_obj_date.asp
29/12/2017, 17h44
rlelamer

Citation:

Envoyé par Beginner.

A moins que la date du serveur ne soit pas la date en cours mais n'importe quelle date ?

Oui les dates sont systématiquement des Dates et Heures futures, je n'ai pas accès au serveur
29/12/2017, 18h35
Beginner.

Ah ok, je pense que ces fonctions sont des méthodes de l'objet...

Je crois (à confirmer par les autres) qu'on peut avec les prototypes ajouter une méthode à un objet déjà existant mais je ne suis pas sûr que ce soit plus optimisé comme ça...

Par contre c'est vrai que je trouve que cette façon de faire appelle à une fonction est pratique...

Essaie ça. Ca peut peut être te donner des idées.

Je sépare les éléments de la date par des tirets (-)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<?php
$array   = array();
$curTime = time();
for ($i=0;$i<=23;$i++)
{
 $array[$i] = gmdate("Y-m-d-H-i",$curTime + ($i * 3600));
}
?>
<!DOCTYPE html>
<html>
<head>
<script>
var UTC_Time = new Array();
<?php
 foreach ($array as $key => $value)
 {
  list($annee,$mois,$jour,$heure,$minute) = explode('-',$value);
  print "UTC_Time[$key] = [$annee,".($mois-1).",$jour,$heure,$minute];".PHP_EOL;
 }
?>
var OptionValue = new Array();
<?php
 foreach ($array as $key => $value)
 {
  list($annee,$mois,$jour,$heure,$minute) = explode('-',$value);
  print "OptionValue[$key] = '$value';".PHP_EOL;
 }
?>
function remplirDT()
{
 var html = "";
 for (var i=0;i<23;i++)
 {
  var curDT  = new Date(Date.UTC(UTC_Time[i][0], UTC_Time[i][1], UTC_Time[i][2], UTC_Time[i][3], UTC_Time[i][4]));
  var curOpt = "<option value='"+OptionValue[i]+"'>"+curDT+"</option>";
  html       = html + curOpt;
 
 }
 document.getElementById('dt').innerHTML = html;
}
</script>
</head>
<body onload="remplirDT()">
<select id="dt">
</select>
</body>
</html>

02/01/2018, 12h44
rlelamer

@badaze
Merci pour ce code en php, je l'ai testé mais il ne m'affiche pas le formatage YYYY-MM-DD HH:mm

J'ai également regardé à nouveau du coté de moment.js, qui effectivement semble le plus simple pour formater une date heure avec le décalage UTC ce simple code permet de retourner ceci :

Code:

var d = moment().format('YYYY-MM-DD HH:mm UTC Z'); // 2018-01-02 12:37 UTC +01:00

il faut juste ajouter

Code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment-with-locales.js"></script>

au fichier html