JavaScript Academy · Oppitunti

Päivämäärien luominen ja lukeminen

Luokaa Date-objekteja ja lukekaa niiden osia.

Oppitunti 1/413 vaihetta

Päivämäärien luominen ja lukeminen on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/4. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu JavaScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. JavaScript Academy-kurssilla on yhteensä 4 oppituntia.

Date-objekti

Date-objekti edustaa yhtä ajanhetkeä. Voitte luoda sellaisen Date-konstruktorilla käyttämällä new-käskyä.

const now = new Date()
console.log(now instanceof Date)

Nykyinen ajanhetki

Kun kutsutte Date-konstruktoria ilman argumentteja muodossa new Date, se tallentaa järjestelmän kellon mukaisen nykyisen ajanhetken.

const now = new Date()
console.log(typeof now.getTime())

Päivämäärämerkkijonosta

Voitte muodostaa päivämäärän ISO-päivämäärämerkkijonosta. Vuosi, kuukausi ja päivä tulkitaan tekstistä.

const d = new Date("2024-03-15")
console.log(d.getFullYear())

Komponenteista

Voitte antaa yksittäiset komponentit: vuoden, kuukauden ja päivän sekä valinnaisesti tunnit ja minuutit. Muistakaa, että kuukausiargumentti alkaa nollasta.

const d = new Date(2024, 0, 15)
console.log(d.getFullYear())
console.log(d.getDate())

getFullYear

getFullYear palauttaa nelinumeroisen vuosiluvun. Käyttäkää sitä aina vanhentuneen getYear-menetelmän sijaan.

const d = new Date("2024-07-04")
console.log(d.getFullYear())

getMonth alkaa nollasta

getMonth palauttaa luvun väliltä 0–11: 0 tarkoittaa tammikuuta ja 11 joulukuuta. Tämä aiheuttaa usein yhden poikkeaman virheitä.

const d = new Date("2024-07-04")
console.log(d.getMonth())

Kuukauden muuntaminen nimeksi

Koska kuukaudet alkavat nollasta, voitte käyttää getMonth-arvoa suoraan nimitaulukon indeksinä.

const names = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
const d = new Date(2024, 6, 4)
console.log(names[d.getMonth()])

getDate ja getDay

getDate palauttaa kuukauden päivän väliltä 1–31, kun taas getDay palauttaa viikonpäivän väliltä 0 (sunnuntai) – 6 (lauantai). Älkää sekoittako näitä kahta keskenään.

const d = new Date(2024, 0, 1)
console.log(d.getDate())
console.log(d.getDay())

Ajan komponentit

Lukekaa päivämäärän aikaosuus getHours-, getMinutes- ja getSeconds-menetelmillä.

const d = new Date(2024, 0, 1, 9, 30, 15)
console.log(d.getHours())
console.log(d.getMinutes())
console.log(d.getSeconds())

Luettavan merkkijonon muodostaminen

Yhdistäkää hakijamenetelmät päivämäärän muotoilemiseksi itse ja muistakaa lisätä kuukauteen yksi.

const d = new Date(2024, 6, 4)
const text = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate()
console.log(text)

Virheelliset päivämäärät

Jäsentämiskelvoton päivämäärämerkkijono tuottaa arvon Invalid Date, jonka aika on NaN. Tunnistakaa se tarkistamalla getTime-arvo Number.isNaN-menetelmällä.

const bad = new Date("not a date")
console.log(Number.isNaN(bad.getTime()))

Pikatarkistus

Testatkaa tietonne päivämäärien lukemisesta.

Vastaa interaktiivisessa oppitunnissa

Kertaus

Kertaus: Date-objektit sisältävät yhden ajanhetken.

new Date ilman argumentteja tarkoittaa nykyhetkeä
getMonth alkaa nollasta
getDate palauttaa kuukauden päivän ja getDay viikonpäivän
Virheellisten päivämäärien aika on NaN

const d = new Date(2024, 0, 15)
console.log(d.getMonth())

Aloita maksutta

Opi JavaScript tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 59
Oppitunnit: 200

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Päivämäärien luominen ja lukeminen” ilmainen?

Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Päivämäärien luominen ja lukeminen”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. JavaScript Academy-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Päivämäärien luominen ja lukeminen”?

Luokaa Date-objekteja ja lukekaa niiden osia. Harjoittelet JavaScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni JavaScript Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin JavaScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/4.

Kuinka kauan ”Päivämäärien luominen ja lukeminen”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä JavaScript Academy-oppitunnilla?

Kyllä. Jokainen JavaScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

← Takaisin: JavaScript Academy