Visualizza data e ora: come farlo correttamente

Li incontriamo con date e ora ... beh, ogni giorno. Quando si tratta del Web, è possibile individuarli nelle app mobili, nelle e-mail, nelle app di messaggistica e in molti altri luoghi. Eppure, nonostante la data e l'ora di vedere ogni giorno e ovunque, dobbiamo ancora adottare un formato universale per questo.

Ad esempio, se scrivo il 10/05/2015, non puoi mai essere sicuro che quel "10" sia il mese o la data a meno che non ti dica da dove vengo. A volte il formato cambia, altre volte la lingua.

È importante che, come sviluppatori web, prestiamo attenzione alla data e all'ora in cui ci confrontiamo nei nostri progetti, in modo da poterli soddisfare a diversi abitanti della regione senza alcun conflitto. In questo post parleremo di cosa evitare e cosa abbracciare quando si tratta di visualizzare la data-ora.

Globalizzazione

Diciamo che non vogliamo convertire e mostrare diversi formati di data e ora a diversi spettatori in tutto il mondo, cosa possiamo fare? Selezioniamo un formato globale e ci atteniamo a questo. Qui è dove entrano in gioco alcune norme. Prima di arrivare a questo, devo avvisare che il W3C raccomanda di utilizzare il formato di data ISO 8601 con fuso orario UTC.

ISO 8601

ISO 8601 descrive un modo accettato a livello internazionale per rappresentare le date e le ore usando i numeri.

E il formato per la data completa è; YYYY-MM-DD, ad esempio: 2015-07-28

YYYY = 4 digit year MM = 2 digit month (01=January, etc.) DD = 2 digit day (01 to 31)

Per data-ora completa; YYYY-MM-DDThh:mm:ss.s, ad esempio: 2015-07-28T21:15:18.45

T = To separate date and time according to ISO 8601 mm = 2 digit minute (00 through 59) ss = 2 digit second (00 through 59) s = Decimal fraction of a second, 1 or more digits

Si noti che non è stato menzionato il fuso orario nell'esempio precedente, pertanto è necessario presumere che l'ora sia nel fuso orario locale. Se hai deciso di utilizzare il fuso orario UTC, aggiungi Z al valore per indicare UTC

Ad esempio: 2015-07-28T21:15:18.45Z

Ma se si desidera visualizzare l'ora locale, è possibile aggiungere un offset di fuso orario per UTC al valore nei formati +hh:mm o -hh:mm secondo necessità.

Ad esempio: supponiamo che il 2015-07-28T21:15:18.45 sia nel fuso orario EST (Eastern Standard Time) che è in ritardo di 5 ore rispetto al fuso orario UTC.

Per rappresentarlo con l'offset UTC scriviamo 2015-07-28T21:15:18.45-05:00 che è equivalente all'ora UTC 2015-07-29T02:15:18.45Z .

Di nuovo Z viene aggiunto per rappresentare che la data visualizzata è in ora UTC.

UTC contro GMT

Entrambi sono uguali ma diversi. Ormai probabilmente hai incontrato il GMT almeno una volta; durante l'impostazione della data-ora nel tuo cellulare o computer. È il fuso orario più popolare riconosciuto in tutto il mondo poiché esiste più a lungo di UTC.

Mentre alcuni potrebbero dire che entrambi sono uguali ma non lo sono, l'UTC è un successore del GMT ed è gestito dall'Unione internazionale delle telecomunicazioni. Si consiglia di fare riferimento al tempo in base a UTC e non a GMT.

Usa il nome dei mesi

Lo standard ISO utilizzava solo numeri nella rappresentazione della data per evitare conflitti linguistici. Ma, se il contenuto della tua applicazione web sarà in inglese, dovresti prendere in considerazione la possibilità di scrivere mesi in inglese anziché in numeri.

Invece del 2015-07-28, il 28, July, 2015 è più facile da capire da molti e meno confuso.

Localizzazione

Ci sono momenti in cui vogliamo essere molto specifici con i nostri servizi e vorremmo rappresentare la data e l'ora in fusi orari e lingue locali. Ci sono molte librerie e API disponibili per gli sviluppatori web per utilizzare e visualizzare le date e gli orari secondo la regione di accesso.

È possibile ottenere le impostazioni internazionali predefinite del browser interpretando l'intestazione della richiesta Accept-Language o tramite l'oggetto JavaScript navigator.language or navigator.browserLanguage, ma il metodo migliore consiste nel consentire all'utente di scegliere un locale nella propria applicazione poiché i modi precedenti non sono molto affidabile.

Una volta impostata la locale, è possibile formattare la data in base ad essa, ad esempio utilizzando l' API di internazionalizzazione, è possibile formattare una data utilizzando toLocaleDateString in JavaScript, ad esempio, myDate.toLocaleDateString('ko-KR') restituirà un formato data nel formato utilizzato in Corea dai nativi di lingua coreana.

Ora legale (ora legale)

In alcuni paesi l'ora legale viene fatta inoltrando gli orologi di un'ora in estate per sfruttare la luce solare extra disponibile. Sii consapevole dell'ora legale per stare al passo con le ore locali nei tuoi servizi.

Nessun anno a due cifre

Durante la personalizzazione della data e dell'ora per la localizzazione, non utilizzare il formato a due cifre per l'anno in qualsiasi momento. Siamo già nel 21 ° secolo. Usare anni come 64, 99 ecc. Sarà problematico in futuro. Se si dispone già di un sistema a due cifre, prendere in considerazione la possibilità di cambiarlo.

Anno bisestile e altri calendari

Lasciamo terminare questo post con alcune cose varie da ricordare mentre gestiamo le date. Se non si utilizza alcuna libreria o API per le date e si preferisce occuparsene da soli (il che non è raccomandato comunque), non dimenticare di mostrare il 29 febbraio negli input per gli anni bisestili.

Inoltre, vale la pena notare che il calendario gregoriano non è l'unica forma di calendario disponibile e utilizzata in tutto il mondo. Ci sono pochi calendari regionali che la gente del posto segue, specialmente quando si tratta di feste.

Riferimenti

• Unione internazionale delle telecomunicazioni: stato dello studio UTC (Coordinated Universal Time) in ITU-R
• ISO: ISO 8601 - Formato data e ora
• Wikipedia: Coordinated Universal Time
• Wikipedia: ora legale
• Wikipedia: tempo medio di Greenwich
• Nota W3C: formati di data e ora
• Suggerimenti W3C: utilizza il formato di data internazionale (ISO)

Dietro le firme dei 25 più grandi nomi di Tech

Ti sei mai chiesto quanto puoi dire dalla calligrafia o dalla firma di qualcuno? Se una firma è un nome completo, un soprannome, solo le iniziali o uno scarabocchio, ogni tipo dice qualcosa sulla personalità della persona, così come le "io", i capitali pronunciati, la leggibilità del nome e del cognome, o persino l'uso di un periodo nella firma.Myp

(Consigli tecnici e di design)

10 estensioni di sicurezza Chrome indispensabili

Dalla gestione delle schede all'aumento della produttività, Chrome ha un sacco di utili estensioni per potenziare l'utente . Per me, Chrome è il browser go-to attraverso il quale gestisco i miei conti finanziari e i dati sensibili. Ma per garantire che tutte queste informazioni rimangano al sicuro, approfitto di più estensioni di sicurezza di Chrome che risultano assolutamente utili.Co

(Consigli tecnici e di design)