Úvod do formátů data JavaScriptu

Datum je vestavěný objekt v JavaScriptu, který ukládá datum a čas a používá se k ukládání, vytváření a úpravám času, měření času nebo zobrazení aktuálního data s nebo bez komponenty „time“ v různých formátech podle potřeby. Poskytuje také různé funkce nebo metody, se kterými si můžete hrát.

Instance JavaScriptu představuje okamžik ve formátu nezávislém na platformě. Objekt Date nese jak část data, tak část času. ISO 8601 (RRRR-MM-DD) je mezinárodní standard pro prezentaci data a času a preferovaného formátu data v JavaScriptu. Objekty Date také obsahují číslo, které představuje datum a čas v milisekundách od 1. ledna 1970 UTC, v závislosti na hodnotě dané objektu Date.

Syntax

Chcete-li definovat nový objekt Date, musíme zavolat nové datum () s jednou z následujících možností:

new Date();
new Date(value);
new Date(dateString);
new Date(year, month index (, day (, hours (, minutes (, seconds (, milliseconds))))));

K vytvoření instance objektu Date musíme použít nového operátora. Používáme-li objekt Date přímo, například now = Date (), je vrácená hodnota spíše řetězec než objekt Date.

Pokud nejsou zadány žádné argumenty, zobrazí se v objektu Date aktuální datum a čas. Ve výchozím nastavení objekt Date v JavaScriptu zobrazuje datum / čas v místním čase.

Příklady formátů data JavaScriptu

Uvidíme se pomocí několika příkladů níže:

Příklad č. 1

Zobrazit aktuální datum 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;

Výstup:

Formáty data

Různé způsoby, jak můžeme formátovat datum v JavaScriptu, jsou:

  • Datum ISO (mezinárodní norma) - „2019-11-06“
  • Dlouhé datum - „12. listopadu 2019“ nebo „12. listopadu 2019“
  • Krátké datum - „12/11/2019“

Příklad č. 2

Zobrazit data v různých formátech

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())

Výstup:

Z výše uvedeného kódu vidíme, že měsíční část data začíná od nuly, tj. Leden je nulovým měsícem. Totéž platí i pro část dne (getDay ()), neděle začíná od nuly.

Když určíme datum ve formátu řetězce v objektu Date, máme tendenci psát jako „12-11-2019“ (12. listopadu 2019), ale v JavaScriptu, který zadá datum v tomto formátu, získáme nesprávnou hodnotu data.

Příklad č. 3

Zobrazeno nesprávné datum

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;

Výstup:

Nyní pomocí funkce Date.parse () zobrazíme datum a čas v milisekundách. Tato funkce získá přesný počet milisekund, které uplynuly od půlnoci 1. ledna 1970 do data, který byl poskytnut.

Příklad č. 4

Datum v milisekundách

Kód



var msec_date = Date.parse('12-11-2019');
console.log("Date in Milli-Seconds:", msec_date)

Výstup:

Dobré na objektu Date Date je to, že pokud poskytneme hodnotu, která nespadá do přijatelného rozsahu, JavaScript automaticky přepočítá datum, aby vytvořil přijatelnou hodnotu data. Uvažujme příklad:

Příklad č. 5

Automatická oprava hodnoty data

Kód



var autocorrect_date = new Date(2019, 9, 46);
console.log("Date Value:", autocorrect_date)

Výstup:

Výše uvedený příklad kódu přepočítává poskytnutou hodnotu a zobrazuje správnou přijatelnou hodnotu data. Také, pokud si všimneme části kódu, jak je poskytována hodnota dat, zdá se, že můžeme rozdělit část hodnoty data a času a prezentovat ji jako jednotlivá čísla oddělená čárkou. Hodnota „9“ představuje měsíc říjen, jak je uvedeno v předchozí části tohoto článku, že měsíční část data začíná od 0 (leden = 0, únor = 1 atd. ..)

Závěr

V tomto článku jsme se naučili objekt data JavaScriptu a porozuměli různým formátům data a času, které lze v JavaScriptu zobrazit pomocí vestavěných metod datum-čas. Jedním z osvědčených postupů je vytvořit data pomocí metody argumenty a vyhnout se použití metody řetězce dat.

Doporučené články

Toto je průvodce formátem data JavaScriptu. Zde diskutujeme Úvod do JavaScriptu spolu s vhodnými příklady. Další informace naleznete také v dalších navrhovaných článcích -

  1. Zabezpečení webových aplikací
  2. Co je to WebSocket?
  3. Co jsou ASP.Net webové služby?
  4. Co je Selenium Web Driver?

Kategorie: