Hantera datum- och tidsoperationer med Luxon, ett modernt JavaScript-datumbibliotek

Låt Luxon-biblioteket bära belastningen av datum- och tidshantering för dina JavaScript-appar.

Du kan använda JavaScript för att bygga dynamiska webbapplikationer och applikationer som körs i andra miljöer, inklusive skrivbordet. Många appar behöver hantera datum och tider, från schemaläggare och chattappar till appar för eventbokning.

Luxon erbjuder ett överlägset alternativ till det ursprungliga JavaScript Datum objekt, med mer användarvänliga, tillförlitliga sätt att hantera datum- och tidsoperationer.

Installerar Luxon

Du kan lägga till Luxon i din JavaScript-app på flera sätt, beroende på vilken metod du föredrar. De två vanligaste metoderna är att använda npm för att installera biblioteket eller för att använda en CDN-länk för att inkludera biblioteket i din applikation.

För att installera Luxon i ett Node.js-projekt, kör följande npm-kommando i din terminal:

npm installera --save luxon

Använd biblioteket i din JavaScript-fil genom att kräva luxon:

konst { DateTime } = behöva("luxon");

Denna kod använder

instagram viewer

föremålsdestrukturering att importera Datum Tid klass från Luxon-biblioteket och skapa en ny variabel Datum Tid hänvisar till den klassen.

Detta låter dig skapa instanser av datum och tider och utföra operationer som att formatera datum för visning.

Alternativt kan du inkludera Luxon i din ansökan med hjälp av en CDN-länk. För att göra detta, lägg till följande markering i din HTML-fil:

<manussrc=" https://cdn.jsdelivr.net/npm/[email protected]/build/global/luxon.min.js">manus>

Med detta tillvägagångssätt kan du köra skript med hjälp av Luxon i brödtexten i din HTML.

Funktioner hos Luxon

Luxon tillhandahåller många funktioner, vilket gör det till ett värdefullt paket för att hantera datum och tider i JavaScript-applikationer.

Omfattande datum- och tidsmanipulation

Luxon erbjuder olika metoder för att skapa, manipulera och hämta datum och tider. Luxon förenklar uppgifter som att lägga till eller subtrahera varaktigheter, ställa in specifika datum/tidskomponenter och utföra relativa tidsberäkningar.

Formatering och lokalisering

Luxons formateringsalternativ låter dig visa datum och tider i många format. Luxon stöder olika formatmönster och låter dig ställa in datum och tider enligt andra språk.

Stöd för tidszon

Med Luxon kan du effektivt arbeta med datum och tider i olika tidszoner. Luxon tillhandahåller metoder för att ställa in och konvertera mellan tidszoner.

Oföränderlig design

Luxon följer ett oföränderligt designmönster, vilket säkerställer det Datum Tid objekt är oföränderliga. Denna designmetod ger ett förutsägbart och konsekvent beteende när man arbetar med datum och tider.

Omfattande API-dokumentation

Luxons API-dokumentation är mycket detaljerad, vilket gör det enkelt att utforska och förstå tillgängliga metoder, alternativ och funktionalitet.

DateTime-klassen i Luxon

De Datum Tid klass i Luxon representerar ett visst datum och tid. Den erbjuder både klass- och instansmetoder som låter dig utföra olika uppgifter. Dessa uppgifter inkluderar att skapa, analysera, hämta, ändra och formatera datum och tider.

Här är några av de olika sätten att skapa en ny instans av klassen Date Time i Luxon:

De DateTime.local() metod:
```
konst dt = DateTime.local(2023, 5, 21, 1, 22, 37, 845);
```
Den här koden skapar en ny DateTime-instans med hjälp av DateTime.local() metod. Metoden tar sju argument som representerar värdena för år, månad, dag, timme, minut, sekund och millisekund för det datum och den tid du vill skapa.
De DateTime.fromJSDate() metod:
```
konst nu = nyDatum();
konst dt = DateTime.fromJSDate (nu);
```
Koden skapar en ny inbyggt JavaScript-datum instans och skickar den till DateTime.fromJSDate() metod. Den metoden returnerar ett DateTime-objekt som representerar samma datum och tid.
De DateTime.fromObject() metod:
```
konst dt = DateTime.fromObject({
 år: 2023,
 månad: 1,
 dag: 1,
 timme: 0,
 minut:0,
 andra: 0,
 millisekund: 0
});
```
Detta kodblock visar hur man skapar en ny DateTime-instans med hjälp av DateTime.fromObject() metod. Metoden tar ett objekt med egenskaper som representerar år, månad, dag, timme, minut, sekund och millisekundsvärden för datumet och tiden du vill skapa.
Använda DateTime.now() metod:
```
konst dt = DateTime.now();
```
Detta kodblock visar hur man skapar en ny Date Time-instans med hjälp av DateTime.now() metod. Metoden returnerar en ny DateTime-instans som representerar aktuellt datum och tid i den lokala tidszonen.

Formatera DateTime-objekt till strängar

Luxon förenklar formateringen av Datum Tid objekt till strängar som representerar specifika datum och tider. Du kan använda Luxon för att formatera datum och tider på olika sätt.

ISO 8601

ISO 8601-formatet används ofta för standardiserad datum- och tidsrepresentation. För att formatera en Datum Tid objekt som en ISO 8601-sträng, använd toISO() metod:

konst nu = DateTime.local();
trösta.log (nu.toISO()); // 2023-05-21T15:20:07.936+01:00

Mänskligt läsbara format

Luxon stöder mänskligt läsbara format som du kan anpassa för lokala språk. Du kan formatera en Datum Tid invända mot en läsbar sträng med toLocaleString() metod:

konst nu = DateTime.local();
trösta.log (now.toLocaleString()); // 5/21/2023

Tokenbaserad formatering

Tokenbaserad formatering låter dig formatera datum och tid till anpassade strängar med hjälp av platshållare som kallas tokens. För att formatera en Datum Tid objekt med hjälp av tokens, använd toFormat() metod:

konst nu = DateTime.local();
trösta.log (now.toFormat("åååå-MM-dd HH: mm: ss")); //2023-05-21 15:16:57

I exemplet ovan, formatsträngen åååå-MM-dd HH: mm: ss representerar det önskade utdataformatet. Polletterna åååå, MM, dd, HH, mm, och ss motsvarar år, månad, dag, timme, minut och sekund Datum Tid objekt, respektive.

Luxon låter dig utföra ett brett utbud av datum- och tidsrepresentationer genom att tillhandahålla en omfattande uppsättning tokens.

Analysera och validera datum och tider i Luxon

Luxon tillhandahåller robusta metoder för att analysera och validera datum och tider. Dessa funktioner är användbara för uppgifter som att validera användarinmatning eller konvertera strängrepresentationer av datum och tider till Datum Tid föremål.

fromFormat()-metoden

De fromFormat() metoden låter dig analysera en strängrepresentation av ett datum och en tid och konvertera den till en Datum Tid objekt. Det krävs två argument, inmatningssträngen och en formatsträng som anger inmatningsformatet.

Till exempel:

DateTime.fromFormat("25 maj 2023", "LLLL dd åååå")

Validera datum och tider med metoden isValid

De är giltig metod kontrollerar om en Datum Tid objekt representerar ett giltigt datum och tid. Den återkommer Sann om objektet är giltigt och falsk annat.

Såhär:

konst invalidDate = DateTime.fromObject({ år: 2022, månad: 2, dag: 29 });
trösta.log (invalidDate.isValid); // falsktkonst validDate = DateTime.fromObject({ år: 2022, månad: 2, dag: 28 });
trösta.log (validDate.isValid); // Sann

I exemplet, den första Datum Tid objektet representerar ett ogiltigt datum eftersom 29 februari 2022 inte är giltigt. Den andra Datum Tid objektet representerar ett giltigt datum 28 februari 2022.

Analys- och valideringsfunktioner i Luxon hjälper dig att korrekt hantera datum och tider, validera indata och tillhandahålla tillförlitliga representationer av datum och tid.

Alternativ till Luxon

Du har lärt dig hur du skapar, formaterar och validerar datum- och tidsinstanser med Luxon. Dessa tips hjälper dig när du bygger webbappar som kräver hantering av datum och tid.

Du kan också använda andra JavaScript-paket för att uppnå datum- och tidshantering i dina webbapplikationer, inklusive Day.js och Date.fns. Dessa paket har sina fördelar och nackdelar, och du bör basera dina preferenser på dina specifika behov.

About Technology - denizatm.com