פוסט זה ממחיש את המטרה, השימוש והיישום המעשי של אובייקט ה-Date ב-TypeScript.
מהו אובייקט תאריך ב-TypeScript?
ה ' תַאֲרִיך ' האובייקט מציין את התאריך והשעה. אובייקט זה מדפיס את התאריך והשעה של המערכת המקומית כברירת מחדל. זה גם מאפשר למשתמשים להגדיר תאריך ושעה ספציפיים (כולל אזור זמן) של המערכת שלך בעזרת השיטות המוגדרות מראש.
תחביר
לתת דייט = חָדָשׁ תַאֲרִיך ( yyyy, mm, dd )
בתחביר לעיל, מילת המפתח 'חדשה' יוצרת אובייקט 'תאריך' בעקבות פורמט התאריך שצוין (yyyy(שנה), mm(month), dd(date)).
בואו נתחיל עם יצירת האובייקט 'תאריך'.
כיצד ליצור אובייקט תאריך ב-TypeScript?
ה ' תַאֲרִיך ” הוא אובייקט דינמי שניתן ליישם בדרכים שונות כדי לקבל את התאריך והשעה לפי הדרישה. סעיף זה כולל את כל השיטות האפשריות ליצירת אובייקט 'תאריך' לקבלת התאריך והשעה שצוינו.
בואו נמשיך עם השיטה הראשונה.
שיטה 1: new Date()
כברירת מחדל, אם לא מועבר ערך בבנאי 'Date()', הוא מחזיר את התאריך והשעה של המערכת של המשתמש:
לתת דייט = חָדָשׁ תַאֲרִיך ( ) ;לְנַחֵם. עֵץ ( 'תאריך =' + תַאֲרִיך ) ;
בקוד למעלה:
- ה ' תַאֲרִיך משתנה יוצר ' תַאֲרִיך ' אובייקט באמצעות מילת המפתח 'חדשה' ובנאי 'Date()'.
- ה ' console.log() ' השיטה מציגה את הערך של המשתנה 'תאריך', כלומר, תאריך ושעה נוכחיים עם ההצהרה שצוינה.
תְפוּקָה
הרכיב את ' .ts קובץ ' באמצעות המהדר 'tsc' והפעל את קובץ הקומפילציה שנוצר עם ' .js ' הרחבה בעזרת הפקודה 'צומת':
tsc main. tsצומת ראשי. js
כאן, הטרמינל מציג את התאריך והשעה של מערכת המשתמש וכן את אזור הזמן.
שיטה 2: תאריך חדש (מילישניות)
ה-'new Date(milliseconds)' יוצר אובייקט Date שמחשב את התאריך והשעה מ-'0' למספר האלפיות שצוינו:
לתת דייט = חָדָשׁ תַאֲרִיך ( 6112346789 ) ;לְנַחֵם. עֵץ ( 'תאריך =' + תַאֲרִיך ) ;
כאן, הבנאי מציין את מספר האלפיות השניות כפרמטר.
תְפוּקָה
צומת ראשי. js 
התאריך והשעה המוצגים למעלה הם מ-'0' עד '6112346789' אלפיות השנייה.
שיטה 3: new Date(“datestring”)
שיטה זו לוקחת את התאריך שצוין בפורמט 'yy-mm-dd' כמחרוזת ומציגה אותו כתאריך החדש:
לתת דייט = חָדָשׁ תַאֲרִיך ( '2016-02-18' ) ;לְנַחֵם. עֵץ ( 'תאריך =' + תַאֲרִיך ) ;
כאן, האובייקט 'תאריך' לוקח את התאריך שצוין כמחרוזת המוקפת במירכאות כפולות.
תְפוּקָה
צומת ראשי. js 
הטרמינל מציג את אובייקט התאריך החדש שנוצר.
שיטה 4: תאריך חדש (שנה, חודש, תאריך, שעה, דקה, שנייה, אלפית שנייה):
השיטה האחרונה מאפשרת למשתמשים ליצור אובייקט Date חדש לפי התאריך והשעה שצוינו בהתבסס על הפורמט '(yy, mm, dd, hh, min, sec, milliseconds)':
לתת דייט = חָדָשׁ תַאֲרִיך ( 2015 , 3 , 2 , 14 , עשרים , 30 , 9 ) ;לְנַחֵם. עֵץ ( 'תאריך =' + תַאֲרִיך ) ;
בקוד לעיל, התאריך והשעה מצוינים בהתאם לפורמט הנקוב.
תְפוּקָה
צומת ראשי. js 
הפלט יוצר אובייקט חדש המציג את התאריך והשעה שצוינו בהתבסס על הפורמט הנתון.
מהן השיטות והמאפיינים של אובייקט תאריך ב-TypeScript?
ה ' תַאֲרִיך ' האובייקט מגיע עם מגוון רחב של שיטות ומאפיינים המפורטים להלן:
מאפיינים של אובייקט תאריך
| אב טיפוס | זה עוזר בהוספת מאפיינים ושיטות לאובייקט Date. |
| בַּנַאִי | הוא משמש כפונקציה שיוצרת את אב הטיפוס של האובייקט. |
קבל והגדר שיטות של אובייקט תאריך
| getMonth() | הוא מחזיר את החודש שצוין בתאריך על סמך התאריך המקומי. |
| getFullYear() | הוא מציג את השנה הנתונה בהתאם לזמן המקומי. |
| getMinutes() | זה מפרט את הפרוטוקולים מהתאריך המסוים. |
| getMilliseconds() | הוא מספק את אלפיות השנייה מהתאריך הנתון. |
| getSeconds() | זה נותן את מספר השניות לפי התאריך שצוין. |
| קבע תאריך() | הוא קובע את היום/התאריך של החודש עבור התאריך המסוים על סמך זמן מקומי. |
| setHours() | הוא מציין את השעות הרצויות לתאריך. |
| setMinutes() | זה קובע את הדקות עבור התאריך שצוין. |
| setSeconds() | הוא קובע את מספר השניות על סמך השעה המקומית. |
| setYear() | הוא קובע את השנה הנדרשת על סמך זמן מקומי. |
לשיטות נוספות, עקוב אחר המדריך הנתון ' הפניה לשיטות תאריך '.
כיצד להשתמש באובייקט תאריך ב-TypeScript?
כפי שהסעיף לעיל מגדיר רשימה של שיטות אובייקט 'תאריך'. בואו נשתמש באובייקט Date עם השיטות האלה כדי להסביר את היישום המעשי שלו.
דוגמה 1: הגדר תאריך, חודש ושנה ספציפיים
דוגמה זו משתמשת באובייקט 'Date' 'setdate()', 'setMonth()', ו-'setFullYear()' כדי להגדיר את התאריך שצוין.
קוד
העתק את שורות הקוד האלה בקובץ '.ts':
לתת דייט : תַאֲרִיך = חָדָשׁ תַאֲרִיך ( ) ;תַאֲרִיך. קבע תאריך ( 5 ) ;
תַאֲרִיך. setMonth ( אחד עשר ) ;
תַאֲרִיך. setFullYear ( 2014 ) ;
לְנַחֵם. עֵץ ( 'שנה =' + תַאֲרִיך. getFullYear ( ) ) ;
לְנַחֵם. עֵץ ( 'תאריך =' + תַאֲרִיך. השג תאריך ( ) ) ;
לְנַחֵם. עֵץ ( 'חודש =' + תַאֲרִיך. getMonth ( ) )
לְנַחֵם. עֵץ ( 'תאריך חדש =' + תַאֲרִיך ) ;
בשורות הקוד לעיל:
- ראשית, צור ' תַאֲרִיך ' אובייקט בעזרת מילת המפתח 'חדש' ובנאי 'Date()' המאוחסנים במשתנה 'תאריך'.
- לאחר מכן, שייך את המשתנה 'תאריך' לשיטות שצוינו בזה אחר זה. ה ' קבע תאריך() השיטה קובעת את תאריך החודש, ה-' setMonth() ' מגדיר את החודש, ואת ' setFullYear() ' השיטה קובעת את השנה.
- לאחר מכן, הצג את התאריך החדש בעזרת שיטת 'console.log()' באמצעות ' getFullYear() ', ' השג תאריך() ', ו' getMonth() ' שיטות.
תְפוּקָה
צומת ראשי. js 
ניתן לראות בפלט שאובייקט Date מחזיר את התאריך, החודש והשנה החדשים שנקבעו.
דוגמה 2: הגדר שעות, דקות ושניות ספציפיות
דוגמה זו משתמשת בשיטות 'setHours()', 'setMinutes()', ו-'setSeconds()' של אובייקט Date כדי להגדיר את השעה הרצויה:
לתת דייט : תַאֲרִיך = חָדָשׁ תַאֲרִיך ( ) ;תַאֲרִיך. setHours ( 8 ) ;
תַאֲרִיך. setMinutes ( 12 ) ;
תַאֲרִיך. setSeconds ( עשרים ) ;
לְנַחֵם. עֵץ ( 'שעות =' + תַאֲרִיך. getHours ( ) ) ;
לְנַחֵם. עֵץ ( 'דקות =' + תַאֲרִיך. getMinutes ( ) ) ;
לְנַחֵם. עֵץ ( 'שניות = ' + תַאֲרִיך. getSeconds ( ) ) ;
לְנַחֵם. עֵץ ( 'תאריך ושעה = ' + תַאֲרִיך ) ;
לפי קטע הקוד לעיל:
- ה ' setHours() ' השיטה מגדירה את מספר השעות, ' setMinutes() ' מגדיר דקות וה' setSeconds() ' השיטה קובעת את מספר השניות, בהתאמה.
- ה ' getHours() ', ' getMinutes() ', ו' getSeconds() ' שיטות מחזירות את השעות, הדקות והשניות החדשות כזמן.
תְפוּקָה
צומת ראשי. js 
הפלט מציג את הזמן החדש שנקבע באמצעות שיטות האובייקט Date.
דוגמה 3: קבל את התאריך והשעה הנוכחיים באמצעות מוסכמות מקומיות
דוגמה זו משתמשת בשיטת 'toLocaleString()' כדי להציג את התאריך והשעה הנוכחיים כמוסכמה מקומית:
לתת דייט = חָדָשׁ תַאֲרִיך ( ) ;לְנַחֵם. עֵץ ( 'תאריך ושעה = ' + תַאֲרִיך. toLocaleString ( ) ) ;
בשורות הקוד שלמעלה, קשר את שיטת 'toLocaleString()' עם המשתנה כדי להחזיר מחרוזת עם ייצוג רגיש לשפה של התאריך הנוכחי.
תְפוּקָה
צומת ראשי. js 
כפי שניתן לראות, הפלט מציג את התאריך והשעה הנוכחיים באמצעות מוסכמה מקומית.
דוגמה 4: ערך פרימיטיבי של אובייקט תאריך החזרה
דוגמה זו מיישמת את ' ערך של() ' שיטה להחזרת האובייקט Date כערך פרימיטיבי:
לתת דייט = חָדָשׁ תַאֲרִיך ( ) ;לְנַחֵם. עֵץ ( 'תאריך ושעה = ' + תַאֲרִיך. ערך של ( ) ) ;
בקטע הקוד שלמעלה, ' ערך של() ' השיטה מחזירה את פלט האובייקט Date באלפיות שניות מאז חצות '1 בינואר 1970, UTC'.
תְפוּקָה
צומת ראשי. js 
כאן, התוצאות מחזירות את האובייקט Date כערך פרימיטיבי.
סיכום
ב-TypeScript, ה' תַאֲרִיך ' האובייקט מתאים לתאריך ולשעה של המערכת המקומית. ניתן ליצור אובייקט זה כדי להציג את הפלט הרצוי בעזרת ארבע השיטות המובנות שנדונו. מלבד זה, הוא גם מספק רשימה של שיטות שניתן ליישם כדי להגדיר ולקבל את התאריך והשעה בהתאם לדרישות. פוסט זה המחיש לעומק את המטרה, השימוש והיישום המעשי של אובייקט ה-Date ב-TypeScript.