Αντικείμενα ημερομηνίας JavaScript

Πίνακας περιεχομένων

JavaScript Αντικείμενα ημερομηνίας μας επιτρέπουν να εργαστούμε με ημερομηνίες:

Ετος:

Ένα παράδειγμα λήψης του τρέχοντος έτους σε Javascript:

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The getFullYear() Method</h2>
<p>Return the full year of a date object:</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getFullYear();
</script>

</body>
</html>

Μήνας:

Ένα παράδειγμα λήψης του τρέχοντος μήνα σε Javascript:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMonth() Method</h2>
<p>Return the month of a date as a number from 0 to 11.</p>
<p>To get the correct month number, you must add 1:</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getMonth() + 1;
</script>

</body>
</html>

Ημέρα:

Ένα παράδειγμα λήψης της τρέχουσας ημέρας σε Javascript:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getDate() Method</h2>
<p>Return the day of a date as a number (1-31):</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getDate();
</script>

</body>
</html>

Ωρες:

Ένα παράδειγμα λήψης της τρέχουσας ώρας σε Javascript:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getHours() Method</h2>
<p>Return the hours of a date as a number (0-23):</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getHours();
</script>

</body>
</html>

Λεπτά:

Ένα παράδειγμα λήψης του τρέχοντος λεπτού σε Javascript:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMinutes() Method</h2>
<p>Returns the minutes of a date as a number (0-59):</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getMinutes();
</script>

</body>
</html>

Δευτερόλεπτα:

Ένα παράδειγμα λήψης του τρέχοντος δευτερολέπτου στο Javascript:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getSeconds() Method</h2>
<p>Return the seconds of a date as a number (0-59):</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getSeconds();
</script>

</body>
</html>

Παραδείγματα

const d = new Date();

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>
<p>new Date() without arguments, creates a date object with the current date and time:</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

const d = new Date("2022-03-25");

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

<p id="demo"></p>

<script>
const d = new Date("2022-03-25");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Σημείωση

Τα αντικείμενα ημερομηνίας είναι στατικά. Το «ρολόι» δεν «τρέχει».

Το ρολόι του υπολογιστή χτυπά, τα αντικείμενα ημερομηνίας όχι.

Έξοδος ημερομηνίας JavaScript

Από προεπιλογή, η JavaScript θα χρησιμοποιεί τη ζώνη ώρας του προγράμματος περιήγησης και θα εμφανίζει μια ημερομηνία ως συμβολοσειρά πλήρους κειμένου:

Θα μάθετε πολύ περισσότερα σχετικά με τον τρόπο εμφάνισης ημερομηνιών, αργότερα σε αυτό το σεμινάριο.

Δημιουργία αντικειμένων ημερομηνίας

Τα αντικείμενα ημερομηνίας δημιουργούνται με το new Date() κατασκευαστή.

Υπάρχουν 9 τρόποι για να δημιουργήσετε ένα νέο αντικείμενο ημερομηνίας:

new Date()
new Date(date string)

new Date(year,month)
new Date(year,month,day)
new Date(year,month,day,hours)
new Date(year,month,day,hours,minutes)
new Date(year,month,day,hours,minutes,seconds)
new Date(year,month,day,hours,minutes,seconds,ms)

new Date(milliseconds)

JavaScript `νέα Ημερομηνία()`

Η new Date() δημιουργεί ένα αντικείμενο ημερομηνίας με την τρέχουσα ημερομηνία και ώρα:

Παράδειγμα

const d = new Date();

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>
<p>Create a new date object with the current date and time:</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

`νέα Ημερομηνία(συμβολοσειρά ημερομηνίας)`

Η νέα Ημερομηνία(συμβολοσειρά ημερομηνίας) δημιουργεί ένα αντικείμενο ημερομηνίας από μια συμβολοσειρά ημερομηνίας:

Παραδείγματα

const d = new Date("October 13, 2014 11:13:00");

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

<p>A date object can be created with a specified date and time:</p>
<p id="demo"></p>

<script>
const d = new Date("October 13, 2014 11:13:00");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

const d = new Date("2022-03-25");

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

<p id="demo"></p>

<script>
const d = new Date("2022-03-25");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Οι μορφές συμβολοσειράς ημερομηνίας περιγράφονται στο επόμενο κεφάλαιο.

`νέα Ημερομηνία(έτος, μήνας, ...)`

Το new Date(έτος, μήνας, ...) δημιουργεί ένα αντικείμενο ημερομηνίας με καθορισμένη ημερομηνία και ώρα.

7 αριθμοί καθορίζουν έτος, μήνα, ημέρα, ώρα, λεπτό, δευτερόλεπτο και χιλιοστό του δευτερολέπτου (με αυτή τη σειρά):

Παράδειγμα

const d = new Date(2018, 11, 24, 10, 33, 30, 0);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p>Using new Date(7 numbers), creates a new date object with the specified date and time:</p>

<p id="demo"></p>

<script>
const d = new Date(2018, 11, 24, 10, 33, 30, 0);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Σημείωση

Η JavaScript μετράει μήνες από 0 έως 11:

Ιανουάριος=0.

Δεκέμβριος=11.

Ο καθορισμός ενός μήνα μεγαλύτερου από 11, δεν θα οδηγήσει σε σφάλμα, αλλά θα προσθέσει την υπερχείλιση στο επόμενο έτος:

Προσδιορίζοντας:

const d = new Date(2018, 15, 24, 10, 33, 30);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript new Date()</h1>

<p>JavaScript counts months from 0 to 11.</p>
<p>Specifying a month higher than 11, will not result in an error but add the overflow to the next year:</p>

<p id="demo"></p>

<script>
const d = new Date(2018, 15, 24, 10, 33, 30, 0);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Είναι το ίδιο με:

const d = new Date(2019, 3, 24, 10, 33, 30);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript new Date()</h1>

<p>JavaScript counts months from 0 to 11.</p>

<p id="demo"></p>

<script>
const d = new Date(2019, 3, 24, 10, 33, 30, 0);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Ο καθορισμός μιας ημέρας υψηλότερης από το μέγιστο, δεν θα οδηγήσει σε σφάλμα, αλλά θα προσθέσει την υπερχείλιση στον επόμενο μήνα:

Προσδιορίζοντας:

const d = new Date(2018, 5, 35, 10, 33, 30);

Είναι το ίδιο με:

const d = new Date(2018, 6, 5, 10, 33, 30);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p>JavaScript counts months from 0 to 11.</p>
<p>Specifying a day higher than max, will not result in an error but add the overflow to the next month:</p>

<p id="demo"></p>

<script>
const d = new Date(2018, 05, 35, 10, 33, 30, 0);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Χρησιμοποιώντας 6, 4, 3 ή 2 Αριθμούς

6 αριθμοί προσδιορίζουν έτος, μήνα, ημέρα, ώρα, λεπτό, δευτερόλεπτο:

Παράδειγμα

const d = new Date(2018, 11, 24, 10, 33, 30);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>6 numbers specify year, month, day, hour, minute and second:</p>

<p id="demo"></p>

<script>
const d = new Date(2018, 11, 24, 10, 33, 30);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

5 αριθμοί προσδιορίζουν έτος, μήνα, ημέρα, ώρα και λεπτό:

Παράδειγμα

const d = new Date(2018, 11, 24, 10, 33);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>5 numbers specify year, month, day, hour, and minute:</p>

<p id="demo"></p>

<script>
const d = new Date(2018, 11, 24, 10, 33);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

4 αριθμοί προσδιορίζουν έτος, μήνα, ημέρα και ώρα:

Παράδειγμα

const d = new Date(2018, 11, 24, 10);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>4 numbers specify year, month, day, and hour:</p>

<p id="demo"></p>

<script>
const d = new Date(2018, 11, 24, 10);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

3 αριθμοί προσδιορίζουν έτος, μήνα και ημέρα:

Παράδειγμα

const d = new Date(2018, 11, 24);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>3 numbers specify year, month, and day:</p>

<p id="demo"></p>

<script>
const d = new Date(2018, 11, 24);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

2 αριθμοί προσδιορίζουν το έτος και τον μήνα:

Παράδειγμα

const d = new Date(2018, 11);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>2 numbers specify year and  month:</p>

<p id="demo"></p>

<script>
const d = new Date(2018, 11);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Δεν μπορείτε να παραλείψετε τον μήνα. Εάν παρέχετε μόνο μία παράμετρο, θα αντιμετωπίζεται ως χιλιοστά του δευτερολέπτου.

Παράδειγμα

const d = new Date(2018);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>One parameter will be interpreted as new Date(milliseconds).</p>

<p id="demo"></p>

<script>
const d = new Date(2018);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Προηγούμενος Αιώνας

Ένα και διψήφιο έτος θα ερμηνευθούν ως 19xx:

Παράδειγμα

const d = new Date(99, 11, 24);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>Two digit years will be interpreted as 19xx:</p>

<p id="demo"></p>

<script>
const d = new Date(99, 11, 24);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Παράδειγμα

const d = new Date(9, 11, 24);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>One digit years will be interpreted as 19xx:</p>

<p id="demo"></p>

<script>
const d = new Date(9, 11, 24);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Η JavaScript αποθηκεύει τις ημερομηνίες ως χιλιοστά του δευτερολέπτου

Η JavaScript αποθηκεύει ημερομηνίες ως αριθμό χιλιοστών του δευτερολέπτου από την 1η Ιανουαρίου 1970.

Η ώρα μηδέν είναι 01 Ιανουαρίου 1970 00:00:00 UTC.

Μία ημέρα (24 ώρες) είναι 86 400 000 χιλιοστά του δευτερολέπτου.

Τώρα η ώρα είναι:

χιλιοστά του δευτερολέπτου μετά την 1 Ιανουαρίου 1970

`νέα Ημερομηνία(χιλιοστά του δευτερολέπτου)`

Το new Date(milliseconds) δημιουργεί ένα νέο αντικείμενο ημερομηνίας ως χιλιοστά του δευτερολέπτου συν μηδενικό χρόνο:

Παραδείγματα

01 Ιανουαρίου 1970 συν 100 000 000 000 χιλιοστά του δευτερολέπτου είναι:

const d = new Date(100000000000);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

<p>100000000000 milliseconds from January 01 1970 UTC is:</p>
<p id="demo"></p>

<script>
const d = new Date(100000000000);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

1 Ιανουαρίου 1970 μείον 100 000 000 000 χιλιοστά του δευτερολέπτου είναι:

const d = new Date(-100000000000);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

<p>-100000000000 milliseconds from January 01 1970 UTC is:</p>
<p id="demo"></p>

<script>
const d = new Date(-100000000000);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

1 Ιανουαρίου 1970 συν 24 ώρες είναι:

const d = new Date(24 * 60 * 60 * 1000);
// or
const d = new Date(86400000);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

<p>86400000 milliseconds from January 01 1970 UTC is:</p>
<p id="demo"></p>

<script>
const d = new Date(86400000);
document.getElementById("demo").innerHTML = d;
</script>

<p>One day (24 hours) is 86,400,000 milliseconds.</p>

</body>
</html>

01 Ιανουαρίου 1970 συν 0 χιλιοστά του δευτερολέπτου είναι:

const d = new Date(0);

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

<p>0 milliseconds from January 01 1970 UTC is:</p>
<p id="demo"></p>

<script>
const d = new Date(0);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Μέθοδοι ημερομηνίας

Όταν δημιουργείται ένα αντικείμενο ημερομηνίας, ένας αριθμός μεθόδων σάς επιτρέπει να το χειριστείτε το.

Οι μέθοδοι ημερομηνίας σάς επιτρέπουν να λαμβάνετε και να ορίζετε το έτος, τον μήνα, την ημέρα, την ώρα, λεπτά, δευτερόλεπτα και χιλιοστά του δευτερολέπτου αντικειμένων ημερομηνίας, χρησιμοποιώντας είτε τοπική ώρα είτε UTC (καθολική, ή GMT) ώρα.

Οι μέθοδοι ημερομηνίας και οι ζώνες ώρας καλύπτονται στα επόμενα κεφάλαια.

Εμφάνιση ημερομηνιών

Η JavaScript (από προεπιλογή) θα εξάγει ημερομηνίες χρησιμοποιώντας τη μέθοδο toString(). Αυτή είναι μια αναπαράσταση συμβολοσειράς της ημερομηνίας, συμπεριλαμβανομένης της ζώνης ώρας. Η μορφή καθορίζεται στην προδιαγραφή ECMAScript:

Παράδειγμα

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>
<p>new Date() without arguments, creates a date object with the current date and time:</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Όταν εμφανίζετε ένα αντικείμενο ημερομηνίας σε HTML, αυτό μετατρέπεται αυτόματα σε α string, με τη μέθοδο toString().

Παράδειγμα

const d = new Date();
d.toString();

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The toString() Method</h2>

<p>Convert a date to a string:</p>
<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.toString();
</script>

</body>
</html>

Η μέθοδος toDateString() μετατρέπει μια ημερομηνία σε πιο ευανάγνωστη μορφή:

Παράδειγμα

const d = new Date();
d.toDateString();

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The toDateString() Method</h2>
<p>Convert a date to a date string:</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.toDateString();
</script>

</body>
</html>

Η μέθοδος toUTCString() μετατρέπει μια ημερομηνία σε συμβολοσειρά χρησιμοποιώντας το πρότυπο UTC:

Παράδειγμα

const d = new Date();
d.toUTCString();

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The toUTCString() Method</h2>
<p>Convert a date to a string using the UTC standard:</p>

<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.toUTCString();
</script>

</body>
</html>

Η μέθοδος toISOString() μετατρέπει μια ημερομηνία σε συμβολοσειρά χρησιμοποιώντας το πρότυπο ISO:

Παράδειγμα

const d = new Date();
d.toISOString();

Δοκιμάστε το μόνοι σας →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The toISOString() Method</h2>

<p>Convert a date to a string using the ISO standard:</p>
<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.toISOString();
</script>

</body>
</html>

Συμπληρώστε την αναφορά ημερομηνίας JavaScript

Για μια πλήρη αναφορά ημερομηνίας, μεταβείτε στη διεύθυνση μας:

Συμπληρώστε την αναφορά ημερομηνίας JavaScript.

Η αναφορά περιέχει περιγραφές και παραδείγματα όλων των ιδιοτήτων Ημερομηνίας και μεθόδους.

Αντικείμενα ημερομηνίας JavaScript

Πίνακας περιεχομένων

Ετος:

Μήνας:

Ημέρα:

Ωρες:

Λεπτά:

Δευτερόλεπτα:

Παραδείγματα

Σημείωση

Έξοδος ημερομηνίας JavaScript

Δημιουργία αντικειμένων ημερομηνίας

JavaScript νέα Ημερομηνία()

Παράδειγμα

νέα Ημερομηνία(συμβολοσειρά ημερομηνίας)

Παραδείγματα

νέα Ημερομηνία(έτος, μήνας, ...)

Παράδειγμα

Σημείωση

Χρησιμοποιώντας 6, 4, 3 ή 2 Αριθμούς

Παράδειγμα

Παράδειγμα

Παράδειγμα

Παράδειγμα

Παράδειγμα

Παράδειγμα

Προηγούμενος Αιώνας

Παράδειγμα

Παράδειγμα

Η JavaScript αποθηκεύει τις ημερομηνίες ως χιλιοστά του δευτερολέπτου

νέα Ημερομηνία(χιλιοστά του δευτερολέπτου)

Παραδείγματα

Μέθοδοι ημερομηνίας

Εμφάνιση ημερομηνιών

Παράδειγμα

Παράδειγμα

Παράδειγμα

Παράδειγμα

Παράδειγμα

Συμπληρώστε την αναφορά ημερομηνίας JavaScript

JavaScript `νέα Ημερομηνία()`

`νέα Ημερομηνία(συμβολοσειρά ημερομηνίας)`

`νέα Ημερομηνία(έτος, μήνας, ...)`

`νέα Ημερομηνία(χιλιοστά του δευτερολέπτου)`