JavaScript Datum

Objekti JavaScript Date (slo. Datum) predstavljajo en sam trenutek v formatu, neodvisnem od platforme. Objekti Date (slo. Datum) zajemajo integralno število, ki predstavlja milisekunde od polnoči na začetku 1. januarja 1970, UTC. Datum v JavaScript je v osnovi določen kot čas v milisekundah. Ta časovni žig je neodvisen od časovnega pasu in enolično definira trenutek v zgodovini. Največji časovni žig, ki ga lahko predstavlja objekt Date je nekoliko manjši od največjega varnega celega števila. Objekt Date lahko predstavlja največ 8.640.000.000.000.000 milisekund ali sto milijonov dni. To je razpon od 20. aprila 271821 pr. n. št. do 13. septembra 275760 našega štetja. Vsak poskus predstavitve časa zunaj tega obsega ima za posledico objekt Date z vrednostjo časovnega žiga NaN, kar je neveljaven datum. JavaScript bo privzeto uporabil časovni pas brskalnika in prikazal datum kot celotni besedilni niz:

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>JavaScript Datum</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>

<style>
    .prikaz-datuma {
        padding: 20px;
        border-radius: 8px;
        margin: 20px 0;
    }

    .prikaz-casa {
        padding: 15px;
        border-radius: 6px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        margin: 15px 0;
    }

    .ura-element {
        font-size: 1.5em;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .casovni-gumbi {
        margin: 15px 0;
    }

    .demo-gumb {
        background: #3498db;
        color: white;
        border: none;
        padding: 8px 15px;
        border-radius: 4px;
        margin-right: 10px;
        cursor: pointer;
        transition: background 0.3s;
    }

    .demo-gumb:hover {
        background: #2980b9;
    }

    .info-datum {
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid #eee;
    }
</style>
<body>
<div class="prikaz-datuma">
    <h4>Osnovni primer Date objekta:</h4>
    <div class="demo-rezultat" id="osnovniDatum"></div>

    <h4>Interaktivna ura:</h4>
    <div class="prikaz-casa">
        <div id="ura" class="ura-element"></div>
        <div id="datum" class="datum-element"></div>
    </div>

    <div class="casovni-gumbi">
        <button onmousedown="shraniInPrikaziUTC()" onmouseup="povrniPrejsnjoVrednost()"
                onmouseleave="povrniPrejsnjoVrednost()" class="demo-gumb">Prikaži UTC čas</button>
        <button onclick="prikaziLokalni()" class="demo-gumb">Prikaži lokalni čas</button>
        <button onmousedown="shraniInPrikaziCasovniZig()" onmouseup="povrniPrejsnjoVrednost()"
                onmouseleave="povrniPrejsnjoVrednost()" class="demo-gumb">Prikaži časovni žig</button>
    </div>

    <div class="info-datum">
        <p><strong>Opomba:</strong> Date objekt omogoča delo z datumi in časom. Zgornji primer prikazuje:</p>
        <ul>
            <li>Osnovni Date objekt</li>
            <li>Živo uro, ki se posodablja vsako sekundo</li>
            <li>Različne formate prikaza (UTC, lokalni čas, časovni žig)</li>
        </ul>
    </div>
</div>

<script>
    // Nastavitev osnovnega prikaza trenutnega datuma
    document.getElementById("osnovniDatum").innerHTML = "Trenutni datum: " + new Date().toLocaleString("sl-SI");

    // Globalne spremenljivke za upravljanje intervala in stanja
    let intervalId = null;
    let jeUraAktivna = true;

    // Funkcija za posodabljanje ure in datuma
    function posodobiUro() {
        const zdaj = new Date();
        // Nastavitve za format prikaza datuma in časa
        const moznosti = {
            weekday: "long",
            year: "numeric",
            month: "long",
            day: "numeric",
            hour: "2-digit",
            minute: "2-digit",
            second: "2-digit",
            hour12: false
        };

        // Posodobi prikaz ure samo če je aktivna
        if (jeUraAktivna) {
            document.getElementById("ura").innerHTML = zdaj.toLocaleTimeString("sl-SI", {
                hour: "2-digit",
                minute: "2-digit",
                second: "2-digit",
                hour12: false
            });

            document.getElementById("datum").innerHTML = zdaj.toLocaleDateString("sl-SI", {
                weekday: "long",
                year: "numeric",
                month: "long",
                day: "numeric"
            });
        }
    }

    // Zaženi intervalno posodabljanje ure
    function zacniUro() {
        jeUraAktivna = true;
        if (intervalId === null) {
            intervalId = setInterval(posodobiUro, 1000);
        }
        posodobiUro();
    }

    // Ustavi posodabljanje ure
    function ustaviUro() {
        jeUraAktivna = false;
        if (intervalId !== null) {
            clearInterval(intervalId);
            intervalId = null;
        }
    }

    // Funkcija za prikaz UTC časa med držanjem gumba
    function shraniInPrikaziUTC() {
        ustaviUro();
        const zdaj = new Date();
        document.getElementById("ura").innerHTML = zdaj.toUTCString();
    }

    // Funkcija za prikaz časovnega žiga med držanjem gumba
    function shraniInPrikaziCasovniZig() {
        ustaviUro();
        document.getElementById("ura").innerHTML = "Časovni žig: " + Date.now();
    }

    // Funkcija za povrnitev na običajni prikaz ure
    function povrniPrejsnjoVrednost() {
        zacniUro();
    }

    // Začetni zagon ure
    zacniUro();
</script>
</body>
</html>

REZULTAT

Ustvarjanje objektov

Objekti Date so ustvarjeni s konstruktorjem new Date(), ki ga lahko uporabimo na 9 načinov.

new Date()	Ustvari objekt datuma s trenutnim datumom in uro	Glej primer
new Date(datum)	Ustvari datumski objekt iz datumskega niza	Glej primer
new Date(leto, mesec)	Ustvari datumski objekt z določenim letom in mesecem	Glej primer
new Date(leto, mesec, dan)	Ustvari datumski objekt z določenim letom, mesecem in dnevom	Glej primer
new Date(leto, mesec, dan, ura)	Ustvari datumski objekt z določenim letom, mesecem, dnevom in uro	Glej primer
new Date(leto, mesec, dan, ura, minute)	Ustvari datumski objekt z določenim letom, mesecem, dnevom, uro in minutami	Glej primer
new Date(leto, mesec, dan, ura, minute, sekunde)	Ustvari datumski objekt z določenim letom, mesecem, dnevom, uro, minutami in sekundami	Glej primer
new Date(leto, mesec, dan, ura, minute, sekunde, milisekunde)	Ustvari datumski objekt z določenim letom, mesecem, dnevom, uro, minutami, sekundami in milisekundami	Glej primer
new Date(milisekunde)	Ustvari nov datumski objekt kot vsoto milisekund in začetnega časa	Glej primer

Metode in Lastnosti Datuma

Ko je datumski objekt ustvarjen, nam na njem lahko deluje več metod, ki nam omogočajo, da pridobimo in nastavimo datum in čas z uporabo lokalnega časa ali UTC (univerzalnega ali GMT) časa. JavaScript bo privzeto izpisal datume z uporabo metode toString(). To je predstavitev datuma v nizu, vključno s časovnim pasom. Format je določen v specifikaciji ECMAScript (kar je specifikacija skriptnega jezika, na katerem temelji JavaScript).

Osnovne metode | Pridobivanje časa | UTC metode | Nastavljanje časa | Pretvorbe

Osnovne metode
constructor	Vrne funkcijo, ki je ustvarila prototip objekta Date	Glej primer
Pridobivanje časa
getDate()	Vrne dan v mesecu (od 1 do 31)	Glej primer
getDay()	Vrne dan v tednu (od 0 do 6)	Glej primer
getFullYear()	Vrne leto	Glej primer
getHours()	Vrne ure (od 0 do 23)	Glej primer
getMilliseconds()	Vrne milisekunde (od 0 do 999)	Glej primer
getMinutes()	Vrne minute (od 0 do 59)	Glej primer
getMonth()	Vrne mesec (od 0 (Januar) do 11 (December))	Glej primer
getSeconds()	Vrne sekunde (od 0 do 59)	Glej primer
getTime()	Vrne število milisekund od polnoči 1. januarja 1970 in določen datum	Glej primer
getTimezoneOffset()	Vrne časovno razliko med časom UTC in lokalnim časom v minutah	Glej primer
UTC metode
getUTCDate()	Vrne dan v mesecu glede na univerzalni čas (od 1 do 31)	Glej primer
getUTCDay()	Vrne dan v tednu glede na univerzalni čas (od 0 do 6)	Glej primer
getUTCFullYear()	Vrne leto po univerzalnem času	Glej primer
getUTCHours()	Vrne uro glede na univerzalni čas (od 0 do 23)	Glej primer
getUTCMilliseconds()	Vrne milisekunde glede na univerzalni čas (od 0 do 999)	Glej primer
getUTCMinutes()	Vrne minute glede na univerzalni čas (od 0 do 59)	Glej primer
getUTCMonth()	Vrne mesec glede na univerzalni čas (od 0 do 11)	Glej primer
getUTCSeconds()	Vrne sekunde glede na univerzalni čas (od 0 do 59)	Glej primer
Osnovne metode
now()	Vrne število milisekund od polnoči 1, januarja 1970	Glej primer
parse()	Razčleni datumski niz in vrne število milisekund od 1. januarja 1970	Glej primer
prototype	Omogoča dodajanje lastnosti in metod objektu	Glej primer
Nastavljanje časa
setDate()	Nastavi dan v mesecu datumskega objekta	Glej primer
setFullYear()	Nastavi leto datumskega objekta	Glej primer
setHours()	Nastavi uro datumskega objekta	Glej primer
setMilliseconds()	Nastavi milisekunde datumskega objekta	Glej primer
setMinutes()	Nastavi minute datumskega objekta	Glej primer
setMonth()	Nastavi mesec datumskega objekta	Glej primer
setSeconds()	Nastavi sekunde datumskega objekta.	Glej primer
setTime()	Nastavi datum na določeno število milisekund po ali pred 1. januarjem 1970	Glej primer
setUTCDate()	Nastavi dan v mesecu datumskega objekta glede na univerzalni čas	Glej primer
setUTCFullYear()	Nastavi leto datumskega objekta glede na univerzalni čas	Glej primer
setUTCHours()	Nastavi uro datumskega objekta glede na univerzalni čas	Glej primer
setUTCMilliseconds()	Nastavi milisekunde datumskega objekta glede na univerzalni čas	Glej primer
setUTCMinutes()	Nastavi minute datumskega objekta glede na univerzalni čas	Glej primer
setUTCMonth()	Nastavi mesec datumskega objekta glede na univerzalni čas	Glej primer
setUTCSeconds()	Nastavi sekunde datumskega objekta glede na univerzalni čas	Glej primer
Pretvorbe
toDateString()	Pretvori datumski del objekta Date v berljiv niz	Glej primer
toISOString()	Vrne datum kot niz z uporabo standarda ISO	Glej primer
toJSON()	Vrne datum kot niz, oblikovan kot datum JSON.	Glej primer
toLocaleDateString()	Vrne datumski del objekta Date kot niz z uporabo področnih konvencij	Glej primer
toLocaleTimeString()	Vrne časovni del objekta Date kot niz z uporabo področnih konvencij	Glej primer
toLocaleString()	Pretvori objekt Date v niz z uporabo področnih konvencij	Glej primer
toString()	Pretvori objekt Date v niz	Glej primer
toTimeString()	Pretvori časovni del objekta Date v niz	Glej primer
toUTCString()	Pretvori objekt Date v niz glede na univerzalni čas	Glej primer
Osnovne metode
UTC()	Vrne število milisekund v datumu od polnoči 1. januarja 1970 po UTC času	Glej primer
Pretvorbe
valueOf()	Vrne osnovno vrednost objekta date	Glej primer