Anna Luxon-kirjaston kantaa JavaScript-sovellustesi päivämäärän ja ajan käsittelyn kuormitus.
JavaScriptin avulla voit rakentaa dynaamisia verkkosovelluksia ja sovelluksia, jotka toimivat muissa ympäristöissä, mukaan lukien työpöydällä. Monien sovellusten on käsiteltävä päivämäärät ja kellonajat ajoittajista ja chat-sovelluksista tapahtumavaraussovelluksiin.
Luxon tarjoaa ylivertaisen vaihtoehdon alkuperäiselle JavaScriptille Päivämäärä -objekti, jossa on käyttäjäystävällisempiä ja luotettavampia tapoja käsitellä päivämäärä- ja aikatoimintoja.
Luxonin asennus
Voit lisätä Luxonin JavaScript-sovellukseesi useilla tavoilla valitsemastasi menetelmästä riippuen. Kaksi yleisintä tapaa on käyttää npm asentaaksesi kirjaston tai käyttääksesi CDN-linkkiä kirjaston sisällyttämiseen sovellukseesi.
Asenna Luxon Node.js-projektiin suorittamalla seuraava npm-komento päätteessäsi:
npm install --tallenna luxon
Käytä JavaScript-tiedostosi kirjastoa vaatimalla luxon:
konst { DateTime } = vaatia("luxon");
Tämä koodi käyttää
kohteen tuhoaminen tuoda Treffiaika luokka Luxon-kirjastosta ja luo uusi muuttuja Treffiaika viittaa siihen luokkaan.Tämän avulla voit luoda päivämäärät ja kellonajat ja suorittaa toimintoja, kuten muotoilla päivämäärät näyttöä varten.
Vaihtoehtoisesti voit sisällyttää Luxonin sovellukseesi käyttämällä a CDN-linkki. Voit tehdä tämän lisäämällä seuraavat merkinnät HTML-tiedostoosi:
<käsikirjoitussrc=" https://cdn.jsdelivr.net/npm/[email protected]/build/global/luxon.min.js">käsikirjoitus>
Käyttämällä tätä lähestymistapaa voit suorittaa komentosarjoja käyttämällä Luxon HTML-koodisi tekstiosassa.
Luxonin ominaisuudet
Luxon tarjoaa monia ominaisuuksia, mikä tekee siitä arvokkaan paketin päivämäärien ja aikojen käsittelyyn JavaScript-sovelluksissa.
Kattava päivämäärän ja kellonajan manipulointi
Luxon tarjoaa erilaisia menetelmiä päivämäärien ja aikojen luomiseen, käsittelemiseen ja hakemiseen. Luxon yksinkertaistaa tehtäviä, kuten kestojen lisäämistä tai vähentämistä, tiettyjen päivämäärä/aikakomponenttien asettelua ja suhteellisten aikalaskelmien suorittamista.
Muotoilu ja lokalisointi
Luxonin muotoiluvaihtoehtojen avulla voit näyttää päivämäärät ja kellonajat monissa muodoissa. Luxon tukee erilaisia muotomalleja ja antaa sinun asettaa päivämäärät ja kellonajat muiden kielten mukaan.
Aikavyöhykkeen tuki
Luxonin avulla voit työskennellä tehokkaasti päivämäärien ja aikojen kanssa eri aikavyöhykkeillä. Luxon tarjoaa menetelmiä aikavyöhykkeiden asettamiseen ja muuntamiseen.
Muuttumaton muotoilu
Luxon noudattaa muuttumatonta suunnittelumallia, mikä varmistaa sen Treffiaika esineet ovat muuttumattomia. Tämä suunnittelutapa tarjoaa ennustettavan ja johdonmukaisen toiminnan päivämääriä ja kellonaikoja käytettäessä.
Laaja API-dokumentaatio
Luxonin API-dokumentaatio on erittäin yksityiskohtainen, joten käytettävissä olevia menetelmiä, vaihtoehtoja ja toimintoja on helppo tutkia ja ymmärtää.
DateTime-luokka Luxonissa
The Treffiaika luokka Luxonissa edustaa tiettyä päivämäärää ja aikaa. Se tarjoaa sekä luokka- että ilmentymämenetelmiä, joiden avulla voit suorittaa erilaisia tehtäviä. Näihin tehtäviin kuuluu päivämäärien ja aikojen luominen, jäsentäminen, haku, muokkaaminen ja muotoilu.
Tässä on joitain eri tapoja luoda uusi Date Time -luokan esiintymä Luxonissa:
- The DateTime.local() menetelmä:
Tämä koodi luo uuden DateTime-esiintymän käyttämällä DateTime.local() menetelmä. Menetelmä käyttää seitsemän argumenttia, jotka edustavat luotavan päivämäärän ja kellonajan vuotta, kuukautta, päivää, tuntia, minuuttia, sekuntia ja millisekuntia.konst dt = DateTime.local(2023, 5, 21, 1, 22, 37, 845); - The DateTime.fromJSDate() menetelmä:
Koodi luo uuden natiivi JavaScript-päivämäärä esimerkki ja välittää sen DateTime.fromJSDate() menetelmä. Tämä menetelmä palauttaa DateTime-objektin, joka edustaa samaa päivämäärää ja aikaa.konst nyt = UusiPäivämäärä();
konst dt = DateTime.fromJSDate (nyt); - The DateTime.fromObject() menetelmä:
Tämä koodilohko näyttää kuinka luodaan uusi DateTime-ilmentymä käyttämällä DateTime.fromObject() menetelmä. Menetelmä ottaa objektin, jonka ominaisuudet edustavat luotavan päivämäärän ja kellonajan vuotta, kuukautta, päivää, tuntia, minuuttia, sekuntia ja millisekuntia.konst dt = DateTime.fromObject({
vuosi: 2023,
kuukausi: 1,
päivä: 1,
tunnin: 0,
minuutti:0,
toinen: 0,
millisekunti: 0
}); - Käyttämällä DateTime.nyt() menetelmä:
Tämä koodilohko näyttää kuinka luodaan uusi Date Time -esiintymä käyttämällä DateTime.nyt() menetelmä. Menetelmä palauttaa uuden DateTime-ilmentymän, joka edustaa nykyistä päivämäärää ja aikaa paikallisella aikavyöhykkeellä.konst dt = DateTime.now();
DateTime-objektien muotoilu merkkijonoiksi
Luxon yksinkertaistaa muotoilua Treffiaika objektit merkkijonoiksi, jotka edustavat tiettyjä päivämääriä ja aikoja. Voit käyttää Luxonia muotoillaksesi päivämäärät ja kellonajat eri tavoilla.
ISO 8601
ISO 8601 -muotoa käytetään laajalti standardoituun päivämäärän ja kellonajan esittämiseen. Muotoile a Treffiaika -objekti ISO 8601 -merkkijonona, käytä toISO() menetelmä:
konst now = DateTime.local();
konsoli.log (nyt.toISO()); // 2023-05-21T15:20:07.936+01:00
Ihmisen luettavissa olevat muodot
Luxon tukee ihmisen luettavia muotoja, joita voit mukauttaa paikallisia kieliä varten. Voit muotoilla a Treffiaika vastusta ihmisen luettavaa merkkijonoa toLocaleString() menetelmä:
konst now = DateTime.local();
konsoli.log (now.toLocaleString()); // 5/21/2023
Token-pohjainen muotoilu
Token-pohjaisen muotoilun avulla voit muotoilla päivämäärän ja kellonajan mukautetuiksi merkkijonoiksi käyttämällä paikkamerkkejä, joita kutsutaan tunnuksiksi. Muotoile a Treffiaika objektia käyttämällä tunnuksia, käytä muotoilla() menetelmä:
konst now = DateTime.local();
konsoli.log (now.toFormat("vvvv-KK-pp HH: kk: ss")); //2023-05-21 15:16:57
Yllä olevassa esimerkissä muotomerkkijono vvvv-KK-pp HH: kk: ss edustaa haluttua tulostusmuotoa. Tokenit yyyy, MM, dd, HH, mm, ja ss vastaavat vuotta, kuukautta, päivää, tuntia, minuuttia ja sekuntia Treffiaika kohde, vastaavasti.
Luxon antaa sinun suorittaa laajan valikoiman päivämäärän ja kellonajan esityksiä tarjoamalla laajan valikoiman tokeneita.
Päivämäärien ja aikojen jäsentäminen ja vahvistaminen Luxonissa
Luxon tarjoaa vankat menetelmät päivämäärien ja kellonaikojen jäsentämiseen ja vahvistamiseen. Nämä ominaisuudet ovat hyödyllisiä tehtävissä, kuten käyttäjän syötteiden vahvistamisessa tai päivämäärien ja kellonaikojen merkkijonoesitysten muuntamisessa Treffiaika esineitä.
FromFormat()-menetelmä
The fromFormat() -menetelmän avulla voit jäsentää päivämäärän ja ajan merkkijonoesityksen ja muuntaa sen a Treffiaika esine. Se vaatii kaksi argumenttia, syöttömerkkijono ja muotomerkkijono, joka määrittää syöttömuodon.
Esimerkiksi:
DateTime.fromFormat("25. toukokuuta 2023", "LLLL pp yyyy")
Päivämäärien ja aikojen vahvistaminen isValid-menetelmällä
The on Voimassa menetelmä tarkistaa, jos a Treffiaika objekti edustaa kelvollista päivämäärää ja aikaa. Se palaa totta jos kohde on kelvollinen ja väärä muuten.
Niin kuin:
konst invalidDate = DateTime.fromObject({ vuosi: 2022, kuukausi: 2, päivä: 29 });
konsoli.log (invalidDate.isValid); // väärä
konst validDate = DateTime.fromObject({ vuosi: 2022, kuukausi: 2, päivä: 28 });
konsoli.log (validDate.isValid); // totta
Esimerkissä ensimmäinen Treffiaika objekti edustaa virheellistä päivämäärää, koska 29. helmikuuta 2022 ei ole kelvollinen. Toinen Treffiaika objekti edustaa voimassa olevaa päivämäärää 28.2.2022.
Luxonin jäsennys- ja vahvistusominaisuudet auttavat sinua käsittelemään päivämäärät ja kellonajat tarkasti, vahvistamaan syötteet ja tarjoamaan luotettavat päivämäärä- ja aikatiedot.
Vaihtoehtoja Luxonille
Olet oppinut luomaan, muotoilemaan ja vahvistamaan päivämäärä- ja aikailmentymiä Luxonin avulla. Nämä vinkit auttavat sinua luomaan verkkosovelluksia, jotka vaativat päivämäärän ja ajan käsittelyä.
Voit myös käyttää muita JavaScript-paketteja saavuttaaksesi päivämäärän ja ajan käsittelyn verkkosovelluksissasi, mukaan lukien Day.js ja Date.fns. Näillä paketeilla on etunsa ja haittansa, ja sinun tulee perustaa valintasi erityistarpeisiisi.
