Inleiding tot JavaScript-datumindelingen

Een datum is een ingebouwd object in JavaScript, en het slaat datum en tijd op en wordt gebruikt om tijd op te slaan, aan te maken en te wijzigen, tijd te meten of de huidige datum met of zonder de 'tijd'-component in verschillende formaten naar wens weer te geven. Het biedt ook verschillende functies of methoden om mee te spelen.

JavaScript Date-instantie vertegenwoordigt een moment in een platformonafhankelijke indeling. Het object Date heeft zowel het datumgedeelte als het tijdgedeelte. ISO 8601 (JJJJ-MM-DD) is de internationale standaard voor de presentatie van datum en tijd en de gewenste datumnotatie in JavaScript. Datumobjecten bevatten ook een nummer dat datum en tijd vertegenwoordigt in milliseconden sinds 1 januari 1970 UTC, afhankelijk van de waarde die aan het object Date is gegeven.

Syntaxis

Om een ​​nieuw object Date te definiëren, moeten we een nieuwe Date () aanroepen met een van de volgende opties:

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

We moeten de nieuwe operator gebruiken om een ​​object Date te instantiëren. Als we het object Date rechtstreeks gebruiken, zoals now = Date (), is de geretourneerde waarde een tekenreeks in plaats van een object Date.

Als er geen argumenten worden opgegeven, geeft het object Date de huidige datum en tijd weer. Standaard geeft het object Date in JavaScript datum / tijd in lokale tijd weer.

Voorbeelden van JavaScript-datumindelingen

Laten we eens kijken met behulp van enkele voorbeelden hieronder:

Voorbeeld 1

Huidige datum en tijd weergeven

Code



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;

Output:

Datumformaten

De verschillende manieren waarop we de datum in JavaScript kunnen opmaken zijn:

  • ISO-datum (internationale norm) - "06-11-2019"
  • Lange datum - "12 nov 2019" of "12 nov 2019"
  • Korte datum - "12/11/2019"

Voorbeeld 2

Datums in verschillende indelingen weergeven

Code



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

Output:

Uit de bovenstaande code kunnen we zien dat het maandgedeelte van de datum begint bij nul, dat wil zeggen dat januari de nulde maand is. Hetzelfde geldt ook voor het dagdeel (getDay ()), zondag begint vanaf nul.

Wanneer we de datum in tekenreeksformaat specificeren in het object Date, schrijven we meestal als "12-11-2019" (12 november 2019), maar in JavaScript geeft het opgeven van de datum in dit formaat ons een verkeerde datumwaarde.

Voorbeeld # 3

De verkeerde datum weergegeven

Code



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;

Output:

Nu zullen we de datum-tijd in milliseconden weergeven met de functie Date.parse (). Deze functie krijgt het exacte aantal milliseconden dat is verstreken sinds middernacht, 1 januari 1970, tot de opgegeven datum.

Voorbeeld 4

Datum in milliseconden

Code



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

Output:

Het goede van het object JavaScript Date is dat als we een waarde opgeven die niet binnen een acceptabel bereik valt, JavaScript de datum automatisch opnieuw berekent om een ​​acceptabele datumwaarde te produceren. Laten we een voorbeeld bekijken:

Voorbeeld 5

Auto-correctie van datumwaarde

Code



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

Output:

In het bovenstaande codevoorbeeld wordt de opgegeven waarde opnieuw berekend en wordt een correcte, acceptabele datumwaarde weergegeven. Als we ook het codegedeelte opmerken van hoe de gegevenswaarde wordt verstrekt, lijkt het erop dat we het datum- en tijdwaardedeel kunnen opsplitsen en het kunnen presenteren als individuele getallen gescheiden door een komma. De waarde "9" vertegenwoordigt de maand oktober, zoals besproken in de eerdere sectie van dit artikel, dat het maandgedeelte van de datum begint vanaf 0 (januari = 0, februari = 1, enzovoort …)

Conclusie

In dit artikel hebben we het JavaScript-datumobject geleerd en verschillende datum-tijd-indelingen begrepen die kunnen worden weergegeven in JavaScript met behulp van ingebouwde datum-tijd-methoden. Een van de best practices is om datums te maken met de methode Argumenten en te vermijden dat u de methode voor de datumreeks gebruikt.

Aanbevolen artikelen

Dit is een handleiding voor JavaScript-datumnotaties. Hier bespreken we de inleiding tot JavaScript samen met geschikte voorbeelden. U kunt ook onze andere voorgestelde artikelen doornemen voor meer informatie–

  1. Beveiliging van webapplicaties
  2. Wat is WebSocket?
  3. Wat is ASP.Net Web Services?
  4. Wat is Selenium Web Driver?

Categorie:

Software ontwikkeling