ב-JavaScript, החודשים מיוצגים בתור (0-11), וזה די מאתגר לנחש, במיוחד במקרה של מספר תאריכים בקוד. בתרחיש השני, יכולה להיות דרישה להביא את החודש ביחס לאזור זמן מסוים. במקרים כאלה, קבלת שם החודש מתאריך ב-JavaScript היא לעזר רב במתן קלות למפתח הקצה.
מדריך זה ידון בגישות להבאת שם חודש מתאריך באמצעות JavaScript.
כיצד לקבל את שם החודש מתאריך באמצעות JavaScript?
ניתן להביא את שם החודש מהתאריך ב-JavaScript באמצעות הגישות הבאות:
- ' toLocaleString() ' שיטה.
- ' getMonth() ' שיטה.
- ' DateTimeFormat() 'קונסטרוקטור.
בואו נדון בגישות המוצהרות אחת אחת!
גישה 1: קבל את שם החודש מתאריך ב-JavaScript באמצעות שיטת toLocaleString()
ה ' toLocaleString() השיטה נותנת מספר בצורה של מחרוזת באמצעות פורמט השפה המקומית. ניתן ליישם שיטה זו כדי להביא את שם החודש מאובייקט התאריך המחזיק את התאריך הנוכחי או התאריך שצוין.
תחביר
תַאֲרִיך. toLocaleString ( מְקוֹמִי , אפשרויות )בתחביר לעיל:
- ' תַאֲרִיך ” מצביע על המשתנה המחזיק את אובייקט התאריך.
- ' מְקוֹמִי ' מתאימים לאזורי הזמן.
- ' אפשרויות ' מתייחס לאובייקט בעל אפשרות עיצוב.
דוגמה 1: קבל את שם החודש מהתאריך הנוכחי
בדוגמה זו, שם החודש יובא מתוך ' נוֹכְחִי 'תאריך:
< סוג סקריפט = 'טקסט/Javascript' >לתת דייט = חָדָשׁ תַאֲרִיך ( ) ;
לְנַחֵם. עֵץ ( 'התאריך הנוכחי הוא:' , תַאֲרִיך )
תן getMonth = תַאֲרִיך. toLocaleString ( 'בְּרִירַת מֶחדָל' , {
חוֹדֶשׁ : 'ארוך' ,
} ) ;
לְנַחֵם. עֵץ ( 'החודש הוא:' , getMonth ) ;
תַסרִיט >
החל את השלבים הבאים, כפי שמופיעים בקוד לעיל:
- צור אובייקט תאריך חדש בעזרת ' חָדָשׁ ' מילת המפתח וה' תַאֲרִיך() 'קונסטרוקטור, בהתאמה, ולהציג אותו.
- בשלב הבא, החל את ' toLocaleString() ” ושייך אותה למשתנה המכיל את אובייקט התאריך.
- פרמטר האפשרויות בפרמטר השיטה יוגדר ל' חוֹדֶשׁ '. זה יגרום לאחזור החודש ביחס לתאריך הנוכחי.
- לבסוף, הצג את החודש המתאים בקונסולה.
תְפוּקָה
בפלט לעיל, ניתן לראות כי החודש ' נוֹבֶמבֶּר ' מתאים הן לתאריך הנוכחי והן לחודש שאוחזר מהתאריך.
דוגמה 2: קבל את שם החודש מהתאריך שצוין
בדוגמה הספציפית הזו, שם החודש ייחלץ מה-' נָקוּב 'תאריך:
< סוג סקריפט = 'טקסט/Javascript' >לתת דייט = חָדָשׁ תַאֲרִיך ( 2021 , שתיים , 25 ) ;
תן getMonth = תַאֲרִיך. toLocaleString ( 'בְּרִירַת מֶחדָל' , {
חוֹדֶשׁ : 'ארוך' ,
} ) ;
לְנַחֵם. עֵץ ( 'החודש הוא:' , getMonth ) ;
תַסרִיט >
החל את השלבים המפורטים להלן, כפי שמופיעים בשורות הקוד לעיל:
- ציין את התאריך הנקוב בעזרת ' תַאֲרִיך() 'קונסטרוקטור, כפי שנדון.
- זכור את הגישה הנדונה בדוגמה הקודמת לחילוץ החודש מהמשתנה המשויך המחזיק את אובייקט התאריך.
- לבסוף, הצג את החודש המתאים ביחס לתאריך שצוין.
תְפוּקָה
מכיוון שהחודשים מיוצגים מ- (0-11), מכאן ' שתיים ' כאן מציין את החודש ' מרץ '.
גישה 2: קבל את שם החודש מתאריך ב-JavaScript באמצעות שיטת getMonth()
ה ' getMonth() ' השיטה נותנת בתמורה את החודש (0 עד 11) של תאריך. ניתן ליישם שיטה זו כדי להציג את החודש המתאים מהמערך מול התאריך שעבר בעזרת הפונקציה המוגדרת על ידי המשתמש.
דוגמא
בואו נסקור את הדוגמה המפורטת להלן:
< סוג סקריפט = 'טקסט/Javascript' >תן להביא חודש = פוּנקצִיָה ( תַאֲרִיך ) {
רשימת חודשים = [ 'יָנוּאָר' , 'פברואר' , 'מרץ' , 'אַפּרִיל' , 'מאי' , 'יוני' , 'יולי' , 'אוגוסט' , 'סֶפּטֶמבֶּר' , 'אוֹקְטוֹבֶּר' , 'נוֹבֶמבֶּר' , 'דֵצֶמבֶּר' ] ;
לַחֲזוֹר רשימת חודשים [ תַאֲרִיך. getMonth ( ) ] ;
} ;
לְנַחֵם. עֵץ ( 'החודש הוא:' , להביא חודש ( חָדָשׁ תַאֲרִיך ( '8/5/2012' ) ) ) ;
לְנַחֵם. עֵץ ( 'החודש הוא:' , להביא חודש ( חָדָשׁ תַאֲרִיך ( '13/7/2022' ) ) ) ;
תַסרִיט >
יישם את השלבים הבאים, כפי שצוין בקטע הקוד לעיל:
- הגדר פונקציה מוטבעת בשם ' fetchMonth() ' שיש ' תַאֲרִיך ” כפרמטר שלו, שיכיל את התאריך שעבר ויביא את החודש כנגדו.
- בהגדרת הפונקציה, צור מערך בשם ' רשימת חודשים ' שיש את כל החודשים הקלנדריים.
- לאחר מכן, החל את ' getMonth() 'שיטה ולשייך אותה לתאריך שעבר כדי לחלץ את החודש לגביו (תאריך).
- לבסוף, גש לפונקציה המוגדרת על ידי העברת התאריכים שצוינו בעזרת ' תַאֲרִיך() 'קונסטרוקטור.
תְפוּקָה
הפלט לעיל מצביע על כך שהדרישה הרצויה מולאה.
גישה 3: קבל את שם החודש מתאריך ב-JavaScript באמצעות Intl.DateTimeFormat Constructor
ה ' Intl.NumberFormat() 'קונסטרוקטור יוצר אובייקט חדש, ובכך מאפשר עיצוב של מספר רגיש לשפה. ניתן ליישם גישה זו כדי להעביר את תאריך היעד ל' פוּרמָט() ' שיטה ולעצב אותה על סמך האפשרות שעברה.
תחביר
Intl. NumberFormat ( מְקוֹמִי , אפשרויות )בתחביר לעיל:
- ' מְקוֹמִי ' מתייחסים לאזורי זמן.
- ' אפשרויות ' מתאימים לאפשרויות העיצוב.
דוגמא
תסתכל על הקוד הבא:
< סוג סקריפט = 'טקסט/Javascript' >לְנַחֵם. עֵץ ( 'החודש הוא:' , חָדָשׁ Intl. DateTimeFormat ( 'בתוכנו' , { חוֹדֶשׁ : 'ארוך' } ) . פוּרמָט ( חָדָשׁ תַאֲרִיך ( 2022 , 3 , חֲמֵשׁ עֶשׂרֵה ) ) )
תַסרִיט >
החל את השלבים המפורטים להלן, כפי שמופיעים בהצהרת הקוד לעיל:
- החל את ' DateTimeFormat() ' בנאי בעל אזור הזמן הנקוב והאפשרות ' חוֹדֶשׁ ' כפרמטרים שלה.
- ה ' פוּרמָט() שיטת ' תעצב את התאריך שצוין ב' תַאֲרִיך() 'קונסטרוקטור לפי אזור הזמן הנקוב.
- לפיכך, המקביל ' חוֹדֶשׁ ' כנגד התאריך יוצג בקונסולה.
תְפוּקָה
בפלט לעיל, החודש ' אַפּרִיל ' מתייחס לחודש המספרי שצוין ' 3 ' בתאריך.
סיכום
ה ' toLocaleString() שיטת ', ה' getMonth() שיטת ', או ה' Intl.DateTimeFormat() ניתן להשתמש בנאי כדי להביא את שם החודש מתאריך ב-JavaScript. ניתן להשתמש בשיטת toLocaleString() כדי לקבל את שם החודש מהתאריך הנוכחי או מהתאריך שצוין. השיטה getMonth() שואבת ישירות את החודש מהתאריך שעבר. בעוד שניתן ליישם את הבנאי Intl.DateTimeFormat() כדי לעצב את התאריך על סמך האפשרות שנוספה. הבלוג הזה הסביר את השיטות להביא את שם החודש מתאריך ב-JavaScript.