מבוא לתאריכים ושעות ב-JavaScript

עבודה עם תאריכים היא היבט חשוב בתכנות. אובייקט התאריך המובנה משמש לעבודה עם תאריכים ושעות ב-JavaScript. השיטות השונות של אובייקט התאריך מקלות בהרבה על המשימה תוך כדי עבודה עם תאריכים ושעות.

במאמר זה תלמדו את כל מה שאתם צריכים לדעת על עבודה עם תאריכים ב-JavaScript. אז, בלי להתעסק יותר, בואו נקפוץ.

כיצד ליצור אובייקטי תאריך

אתה יכול ליצור אובייקט תאריך ב-JavaScript באמצעות ארבע הדרכים הבאות:

1. תאריך חדש()

ה תאריך חדש() בנאי יוצר אובייקט תאריך עם התאריך והשעה הנוכחיים.

let d = new Date();
console.log (ד);

תְפוּקָה:

יום שני 3 בינואר 2022 20:27:58 GMT+0530 (שעון סטנדרטי הודו)

2. תאריך חדש (מחרוזת תאריך)

ה תאריך חדש (מחרוזת תאריך) בנאי יוצר אובייקט תאריך ממחרוזת תאריך.

let d = new Date("2022-01-01");
console.log (ד);

תְפוּקָה:

שבת 01 בינואר 2022 05:30:00 GMT+0530 (שעון רגיל של הודו)

3. תאריך חדש (אלפיות שניות)

ה תאריך חדש (אלפיות שניות) הבנאי יוצר אובייקט תאריך על ידי הוספת אלפיות השנייה לזמן האפס. הפרמטר מייצג את הזמן שעבר באלפיות שניות מאז 1 בינואר 1970 UTC.

תן d1 = תאריך חדש (0);
console.log (d1);
let d2 = new Date (973436457364);
console.log (d2);

תְפוּקָה:

יום ה' 01 בינואר 1970 05:30:00 GMT+0530 (שעון סטנדרטי הודו)
ראשון 5 בנובמבר 2000 20:30:57 GMT+0530 (שעון סטנדרטי הודו)

4. תאריך חדש (שנה, חודש, יום, שעות, דקות, שניות, אלפיות שניות)

ה תאריך חדש (שנה, חודש, יום, שעות, דקות, שניות, אלפיות שניות) בנאי יוצר אובייקט תאריך עם תאריך ושעה מוגדרים. שבעת הפרמטרים מציינים את השנה, החודש, היום, השעות, הדקות, השניות ומילי-שניות בהתאמה.

let d = תאריך חדש (2020, 10, 11, 15, 29, 46, 0);
console.log (ד);

תְפוּקָה:

יום רביעי 11 בנובמבר 2020 15:29:46 GMT+0530 (שעון סטנדרטי הודו)

ניתן גם ליצור אובייקט תאריך עם שישה, ארבעה, שלושה או שני פרמטרים.

א) ששת הפרמטרים מציינים שנה, חודש, יום, שעה, דקה ושנייה.

ב) חמשת הפרמטרים מציינים שנה, חודש, יום, שעה ודקה.

ג) ארבעת הפרמטרים מציינים שנה, חודש, יום ושעה.

ד) שלושת הפרמטרים מציינים שנה, חודש ויום.

ה) שני הפרמטרים מציינים שנה וחודש.

הערה:

• JavaScript סופר חודשים מ-0 עד 11, כלומר ינואר מיוצג על ידי 0, ודצמבר מיוצג על ידי 11.
• אם תציין ערכים מחוץ לטווח באובייקט Date, הוא לא יזרוק שגיאה במקום זאת, הוא מתקן את עצמו באופן אוטומטי.

// למרץ אין 40 יום, ההצפה מתוקנת אוטומטית
let d = new Date (2020, 2, 40);
console.log (ד);

תְפוּקָה:

יום ה' 09 באפריל 2020 00:00:00 GMT+0530 (שעון סטנדרטי הודו)

שיטות קבלת תאריך JavaScript

אתה יכול להשתמש בשיטות הבאות כדי לקבל מידע מאובייקט תאריך.

1. getFullYear()

שיטה זו מחזירה את השנה כמספר בן ארבע ספרות (yyyy) לפי זמן מקומי.

let d = new Date();
console.log (d.getFullYear());

תְפוּקָה:

2022

2. getMonth()

שיטה זו מחזירה את החודש כמספר (0-11) לפי זמן מקומי.

let d = new Date();
console.log (d.getMonth());

תְפוּקָה:

0

3. השג תאריך()

שיטה זו מחזירה את היום כמספר (1-31) לפי זמן מקומי.

let d = new Date();
console.log (d.getDate());

תְפוּקָה:

3

קָשׁוּר: מבוא לסוגי נתונים ב-JavaScript

4. getHours()

שיטה זו מחזירה את השעה (0-23) לפי זמן מקומי.

let d = new Date();
console.log (d.getHours());

תְפוּקָה:

22

5. getMinutes()

שיטה זו מחזירה את הדקה (0-59) לפי זמן מקומי.

let d = new Date();
console.log (d.getMinutes());

תְפוּקָה:

40

6. getSeconds()

שיטה זו מחזירה את השני (0-59) לפי זמן מקומי.

let d = new Date();
console.log (d.getSeconds());

תְפוּקָה:

30

7. getMilliseconds()

שיטה זו מחזירה את האלפית השנייה (0-999) לפי זמן מקומי.

let d = new Date();
console.log (d.getMilliseconds());

תְפוּקָה:

55

קָשׁוּר: JavaScript One-Liner שכדאי להכיר

8. getTime()

שיטה זו מחזירה את הזמן באלפיות שניות מאז 1 בינואר 1970.

let d = new Date();
console.log (d.getTime());

תְפוּקָה:

1641230088884

9. getDay()

שיטה זו מחזירה את יום השבוע כמספר (0-6) בהתאם לזמן המקומי.

let d = new Date();
console.log (d.getDay());

תְפוּקָה:

1

הערה: אם אתה רוצה לעבוד עם תאריכי UTC, אתה יכול להשתמש בשיטות התאריכים הבאות: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMinutes(), getUTCMonth(), ו getUTCSeconds().

שיטות קביעת תאריך של JavaScript

אתה יכול להשתמש בשיטות הבאות כדי להגדיר חלק מאובייקט תאריך.

1. קבע תאריך()

שיטה זו מגדירה את היום כמספר (1-31) עבור תאריך מוגדר בהתאם לזמן המקומי.

let d = new Date();
d.setDate (20);
console.log (ד);

תְפוּקָה:

יום ה' 20 בינואר 2022 22:58:59 GMT+0530 (שעון סטנדרטי הודו)

קָשׁוּר: שיטות מתמטיקה של JavaScript שאתה צריך לשלוט היום

2. setFullYear()

שיטה זו קובעת את השנה לתאריך מוגדר בהתאם לזמן המקומי.

let d = new Date();
d.setFullYear (2016);
console.log (ד);

תְפוּקָה:

יום ראשון 3 בינואר 2016 23:00:41 GMT+0530 (שעון סטנדרטי הודו)

3. setHours()

שיטה זו מגדירה את השעה (0-23) עבור תאריך מוגדר בהתאם לזמן המקומי.

let d = new Date();
d.setHours (15);
console.log (ד);

תְפוּקָה:

יום שני 3 בינואר 2022 15:02:01 GMT+0530 (שעון סטנדרטי הודו)

קָשׁוּר: כיצד לבנות מחשבון פשוט באמצעות HTML, CSS ו-JavaScript

4. setMilliseconds()

שיטה זו מגדירה את אלפיות השנייה (0-999) עבור תאריך מוגדר בהתאם לזמן המקומי.

let d = new Date();
d.setMilliseconds (548);
console.log (ד);

תְפוּקָה:

יום שני, 3 בינואר 2022 23:04:13 GMT+0530 (שעון רגיל של הודו)

באופן דומה, אתה יכול להשתמש ב- setMinutes(), setMonth(), ו setSeconds() שיטות להגדרת הדקות (0-59), חודש (0-11) ושניות (0-59) בהתאמה עבור תאריך מוגדר בהתאם לזמן המקומי.

דוגמה לזמן נוכחי של JavaScript

דוגמה פשוטה להדפסת השעה הנוכחית של המערכת:

אם אתה רוצה לעיין בקוד המקור המלא המשמש במאמר זה, הנה מאגר GitHub.​​​​​​​

פתח פרויקטים תוך שימוש במושגי התאריך של JavaScript

אתה תיתקל במקרים רבים של תאריכי JavaScript תוך כדי עבודה על יישומים מהעולם האמיתי. אם אתה רוצה להתחיל עם פרויקט פשוט ולצבור ניסיון מעשי, אתה יכול לפתח שעון דיגיטלי באמצעות HTML, CSS ו-JavaScript. יחד עם תאריכים, תלמדו גם כמה מושגי JavaScript חשובים כמו עבודה עם משתנים, שימוש בפונקציות, גישה והוספה של מאפיינים ל-DOM ועוד.

כיצד ליצור שעון דיגיטלי באמצעות HTML, CSS ו-JavaScript

האם אתה מקודד עד שציוץ ציפורים מודיע לך שהגיע בוקר? עקוב אחר הזמן עם השעון המותאם אישית הזה.

קרא הבא

על הסופר