Introduktion till JavaScript-datumformat

Ett datum är ett inbyggt objekt i JavaScript, och det lagrar datum och tid och används för att lagra, skapa och ändra tid, mäta tid eller visa det aktuella datumet med eller utan 'tid' -komponenten i olika format efter önskemål. Det ger också olika funktioner eller metoder att spela med.

JavaScript-datuminstansen representerar ett ögonblick i ett plattformsoberoende format. Datumobjektet innehåller både datumdel och tidsdel. ISO 8601 (YYYY-MM-DD) är den internationella standarden för presentation av datum och tid, och föredraget datumformat i JavaScript. Datumobjekt innehåller också ett nummer som representerar datum och tid i millisekunder sedan 1 januari 1970 UTC, beroende på det värde som givits till datumobjektet.

Syntax

För att definiera ett nytt datumobjekt måste vi ringa ett nytt datum () med ett av följande alternativ:

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

Vi måste använda den nya operatören för att instansera ett Date-objekt. Om vi ​​använder Date-objekt direkt, som nu = Date (), är det returnerade värdet en sträng snarare än ett Date-objekt.

När inga argument anges visar datumobjektet aktuellt datum och tid. Som standard visar datumobjektet i JavaScript datum / tid i lokal tid.

Exempel på JavaScript-datumformat

Låt oss se med hjälp av några exempel nedan:

Exempel 1

Visa aktuellt datum och tid

Koda



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:

Datumformat

De olika sätten vi kan formatera datum i JavaScript är:

  • ISO-datum (International Standard) - “2019-11-06”
  • Long Date - “12 nov 2019” eller “12 nov 2019”
  • Short Date - “12/11/2019”

Exempel 2

Visa datum i olika format

Koda



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:

Från koden ovan kan vi se att månadens del av datumet börjar från noll, dvs. januari är den nollaste månaden. Detsamma gäller även för dagdelen (getDay ()), söndagen börjar från noll.

När vi specificerar datumet i strängformat i Date-objektet tenderar vi att skriva som "12-11-2019" (12 november 2019), men i JavaScript som anger datum i detta format får vi ett fel datumvärde.

Exempel # 3

Det felaktiga datumet visas

Koda



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 kommer vi att visa datum i millisekunder med funktionen Date.parse (). Denna funktion får det exakta antalet millisekunder som har gått sedan midnatt, 1 januari 1970, fram till det datum som har angetts.

Exempel 4

Datum i millisekunder

Koda



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

Produktion:

Det bra med JavaScript Date-objektet är att om vi tillhandahåller ett värde som inte faller inom ett acceptabelt intervall så beräknar JavaScript automatiskt datumet för att producera ett acceptabelt datumvärde. Låt oss överväga ett exempel:

Exempel 5

Auto-korrigering av datumvärde

Koda



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

Produktion:

Ovanstående kodexempel beräknar om det angivna värdet och visar ett korrekt, acceptabelt datumvärde. Om vi ​​också märker kodavsnittet för hur datavärdet tillhandahålls verkar det som om vi kan dela upp datum- och tidsvärdesdelen och presentera den som enskilda nummer separerade med komma. Värdet "9" representerar oktober månad, som diskuterats i det tidigare avsnittet i denna artikel, att månadens del av datumet börjar från 0 (januari = 0, februari = 1 osv.)

Slutsats

I den här artikeln lärde vi oss JavaScript-datumobjektet och förstod olika datum-tidformat som kan visas i JavaScript med hjälp av inbyggda metoder för datum. En av de bästa metoderna är att skapa datum med argumentmetoden och undvika att använda datumsträngmetoden.

Rekommenderade artiklar

Detta är en guide för JavaScript-datumformat. Här diskuterar vi introduktionen till JavaScript tillsammans med lämpliga exempel. Du kan också gå igenom våra andra artiklar som föreslås för att lära dig mer–

  1. Webapplikationssäkerhet
  2. Vad är WebSocket?
  3. Vad är ASP.Net Web Services?
  4. Vad är Selenium Web Driver?

Kategori:

Mjukvaruutveckling