Úvod do formátov dátumov jazyka JavaScript
Dátum je vstavaný objekt v JavaScripte, ktorý ukladá dátum a čas a používa sa na ukladanie, vytváranie a úpravu času, meranie času alebo zobrazenie aktuálneho dátumu s alebo bez zložky „time“ v rôznych formátoch podľa potreby. Poskytuje tiež rôzne funkcie alebo metódy na hranie.
Inštancia Date JavaScript predstavuje okamih vo formáte nezávislom od platformy. Objekt Date nesie ako časovú, tak časovú časť. ISO 8601 (RRRR-MM-DD) je medzinárodný štandard pre prezentáciu dátumu a času a preferovaného formátu dátumu v JavaScripte. Objekty Date tiež obsahujú číslo, ktoré predstavuje dátum a čas v milisekundách od 1. januára 1970 UTC, v závislosti od hodnoty priradenej objektu Date.
syntax
Ak chcete definovať nový objekt Date, musíme zavolať nový dátum () s jednou z nasledujúcich možností:
new Date();
new Date(value);
new Date(dateString);
new Date(year, month index (, day (, hours (, minutes (, seconds (, milliseconds))))));
Na vytvorenie inštancie objektu Date musíme použiť nového operátora. Ak objekt Date použijeme priamo, napríklad now = Date (), vrátená hodnota je reťazec, nie objekt Date.
Ak nie sú zadané žiadne argumenty, objekt Dátum zobrazuje aktuálny dátum a čas. V predvolenom nastavení objekt Date v JavaScripte zobrazuje dátum / čas v miestnom čase.
Príklady formátov dátumu JavaScriptu
Pozrime sa pomocou nasledujúcich príkladov:
Príklad č. 1
Zobraziť aktuálny dátum a čas
kód
JS Dates
var current_date = new Date();
document.getElementById("display").innerHTML = current_date;
JS Dates
var current_date = new Date();
document.getElementById("display").innerHTML = current_date;
JS Dates
var current_date = new Date();
document.getElementById("display").innerHTML = current_date;
JS Dates
var current_date = new Date();
document.getElementById("display").innerHTML = current_date;
Výkon:
Formáty dátumu
Rôzne spôsoby, ako môžeme formátovať dátum v jazyku JavaScript, sú:
- Dátum ISO (medzinárodná norma) - „2019-11-06“
- Dlhý dátum - „12. november 2019“ alebo „12. november 2019“
- Krátky dátum - „12/11/2019“
Príklad č. 2
Zobrazte dátumy v rôznych formátoch
kód
JS Dates
const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())
JS Dates
const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())
JS Dates
const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())
JS Dates
const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())
Výkon:
Z vyššie uvedeného kódu vidíme, že Mesačná časť dátumu začína od nuly, tj január je nulovým mesiacom. To isté platí aj pre dennú časť (getDay ()), nedeľa začína od nuly.
Keď v objekte Date zadáme dátum v reťazcovom formáte, máme tendenciu písať ako „12-11-2019“ (12. november 2019), ale v jazyku JavaScript, ktorý špecifikuje dátum v tomto formáte, sa získa nesprávna hodnota dátumu.
Príklad # 3
Zobrazený nesprávny dátum
kód
JS Dates
var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;
JS Dates
var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;
JS Dates
var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;
JS Dates
var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;
Výkon:
Teraz pomocou funkcie Date.parse () zobrazíme dátum a čas v milisekundách. Táto funkcia získa presný počet milisekúnd, ktoré uplynuli od polnoci 1. januára 1970 do poskytnutého dátumu.
Príklad č. 4
Dátum v milisekundách
kód
var msec_date = Date.parse('12-11-2019');
console.log("Date in Milli-Seconds:", msec_date)
Výkon:
Dobrá vec pre objekt JavaScript Date je, že ak poskytneme hodnotu, ktorá nespadá do prijateľného rozsahu, potom JavaScript automaticky prepočíta dátum, aby vytvoril prijateľnú hodnotu dátumu. Uvažujme príklad:
Príklad č. 5
Automatická oprava hodnoty dátumu
kód
var autocorrect_date = new Date(2019, 9, 46);
console.log("Date Value:", autocorrect_date)
Výkon:
Vyššie uvedený príklad kódu prepočítava poskytnutú hodnotu a zobrazuje správnu prijateľnú hodnotu dátumu. Tiež, ak si všimneme časť kódu o tom, ako sa poskytuje hodnota údajov, zdá sa, že môžeme rozdeliť časť hodnoty dátumu a času a prezentovať ju ako jednotlivé čísla oddelené čiarkou. Hodnota „9“ predstavuje mesiac október, ako je uvedené v predchádzajúcej časti tohto článku, že mesačná časť dátumu začína od 0 (január = 0, február = 1 atď.).
záver
V tomto článku sme sa naučili objekt dátumu JavaScript a porozumeli rôznym formátom dátumu a času, ktoré je možné zobraziť v jazyku JavaScript pomocou vstavaných metód času a času. Jedným z najlepších postupov je vytváranie dátumov pomocou metódy argumentov a vyhýbanie sa používaniu metódy dátumových reťazcov.
Odporúčané články
Toto je sprievodca formátmi dátumu JavaScript. Tu diskutujeme Úvod do JavaScriptu spolu s vhodnými príkladmi. Viac informácií nájdete aj v ďalších navrhovaných článkoch -
- Zabezpečenie webových aplikácií
- Čo je to WebSocket?
- Čo sú webové služby ASP.Net?
- Čo je Selenium Web Driver?