Introduktion til JavaScript-dataformater

En dato er et indbygget objekt i JavaScript, og det gemmer dato og klokkeslæt og bruges til at gemme, oprette og ændre tid, måle tid eller vise den aktuelle dato med eller uden 'tid'-komponenten i forskellige formater efter ønske. Det giver også forskellige funktioner eller metoder til at lege med.

JavaScript Date-instans repræsenterer et øjeblik i tid i et platformuafhængigt format. Date-objektet bærer begge, datodelen og tidsdelen. ISO 8601 (ÅÅÅÅ-MM-DD) er den internationale standard for præsentation af dato og tid og foretrukket datoformat i JavaScript. Date-objekter indeholder også et tal, der repræsenterer dato og tid i millisekunder siden 1. januar 1970 UTC, afhængigt af den værdi, der er givet til Date-objektet.

Syntaks

For at definere et nyt Date-objekt skal vi kalde en ny Date () med en af ​​følgende indstillinger:

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

Vi er nødt til at bruge den nye operatør til at instantisere et Date-objekt. Hvis vi bruger Date-objekt direkte, såsom nu = Date (), er den returnerede værdi en streng snarere end et Date-objekt.

Når der ikke gives argumenter, viser datoobjektet den aktuelle dato og klokkeslæt. Som standard viser datoobjektet i JavaScript dato / tid til lokal tid.

Eksempler på JavaScript-dataformater

Lad os se ved hjælp af nogle eksempler nedenfor:

Eksempel 1

Vis aktuel dato og tid

Kode



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;

Produktion:

Datoformater

De forskellige måder, hvorpå vi kan formatere dato i JavaScript, er:

  • ISO-dato (International Standard) - “2019-11-06”
  • Long Date - “12. nov. 2019” eller “12. nov. 2019”
  • Kort dato - “12/11/2019”

Eksempel 2

Vis datoer i forskellige formater

Kode



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

Produktion:

Fra ovenstående kode kan vi se, at månedsdelen af ​​datoen starter fra nul, dvs. januar er den nuleste måned. Det samme gælder også for dagdelen (getDay ()), søndagen starter fra nul.

Når vi specificerer datoen i strengformat i Date-objekt, har vi en tendens til at skrive som “12-11-2019” (12. november 2019), men i JavaScript ved at specificere dato i dette format får vi en forkert datoværdi.

Eksempel # 3

Den forkerte dato vises

Kode



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;

Produktion:

Nu viser vi dato-klokkeslæt i millisekunder ved hjælp af funktionen Date.parse (). Denne funktion får det nøjagtige antal millisekunder, der er gået siden midnat, den 1. januar 1970, indtil den dato, der er angivet.

Eksempel 4

Dato i millisekunder

Kode



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

Produktion:

Den gode ting ved JavaScript Date-objektet er, at hvis vi leverer en værdi, der ikke falder inden for et acceptabelt interval, så beregner JavaScript automatisk datoen igen for at producere en acceptabel datoværdi. Lad os overveje et eksempel:

Eksempel 5

Auto-korrektion af datoværdi

Kode



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

Produktion:

Ovenstående kodeeksempel beregner den angivne værdi igen og viser en korrekt, acceptabel datoværdi. Hvis vi også lægger mærke til kodesektionen for, hvordan dataværdien leveres, ser det ud til, at vi kan dele op dato- og tidsværdi-delen og præsentere den som individuelle tal adskilt af et komma. Værdien "9" repræsenterer oktober måned, som diskuteret i den tidligere sektion af denne artikel, at månedsdelen af ​​datoen starter fra 0 (januar = 0, februar = 1 osv.)

Konklusion

I denne artikel lærte vi JavaScript-objektobjektet og forståede forskellige dato-klokkeslætformater, der kan vises i JavaScript ved hjælp af indbyggede dato-klokkeslætmetoder. En af de bedste fremgangsmåder er at oprette datoer med argumenter-metoden og undgå at bruge datostrengemetoden.

Anbefalede artikler

Dette er en guide til JavaScript-dataformater. Her diskuterer vi introduktionen til JavaScript sammen med passende eksempler. Du kan også gennemgå vores andre foreslåede artikler for at lære mere–

  1. Webapplikationssikkerhed
  2. Hvad er WebSocket?
  3. Hvad er ASP.Net Web Services?
  4. Hvad er Selenium Web Driver?

Kategori:

Softwareudvikling