از طریق منوی جستجو مطلب مورد نظر خود در وبلاگ را به سرعت پیدا کنید
روش دریافت نام ماه و روز در جاوا اسکریپتDates بخشی منظم از زندگی روزمره ما است و ما به طور کلی از روز یا حداقل ماهی که در هر نقطه خاصی در آن هستیم آگاه هستیم. ثابت می کند که این یک نقطه مرجع عالی برای زمان است و نمایش نام یک ماه یا یک روز می تواند به کاربران کمک کند تا بفهمند …
سرفصلهای مطلب
معرفی
خرما بخشی منظم از زندگی روزمره ما است و ما عموماً از روز یا حداقل ماهی که در هر نقطه ای در آن هستیم آگاه هستیم. ثابت می کند که این یک نقطه مرجع عالی برای زمان است و نمایش نام یک ماه یا یک روز می تواند به کاربران کمک کند تا بفهمند چه زمانی، نسبت به وضعیت فعلی آنها، اتفاقی افتاده یا خواهد افتاد.
در جاوا اسکریپت، راه های مختلفی وجود دارد که می توانیم به این هدف برسیم.
در این مقاله، شما را با رایج ترین راه ها آشنا می کنیم روی چگونه می توان نام ماه و روز را در جاوا اسکریپت Vanilla به دست آورد، در کنار اینکه چگونه می توان با کتابخانه Moment.js به این امر دست یافت.
توجه به این نکته ضروری است که اگر مشغول به کار هستید روی یک پروژه کوچک، ممکن است شروع به نصب بسته ها برای چیزی ابتدایی خسته کننده باشد. پروژه های کوچک باید با استفاده از روش های داخلی جاوا اسکریپت پیاده سازی شوند، وابستگی ها فقط در صورت لزوم باید معرفی شوند.
دریافت و نمایش نام یک روز یا ماه در جاوا اسکریپت را می توان به صورت زیر ساده کرد:
let now = new Date().toLocaleDateString('en-us', { weekday:"long", month:"long", day:"numeric"});
console.log(now)
این منجر به:
Friday, March 4
چند پارامتر وجود دارد که می‌توانیم در اینجا برای نتیجه و اثر متفاوت تغییر دهیم، و شایان ذکر است چگونه را toLocaleDateString() روش کار می کند، و چه محلی در دسترس است. علاوه بر این می توانید نام روز یا ماه مفرد را از روش استخراج کنید!
ما در بخش های بعدی به همه این سوالات پاسخ خواهیم داد.
را تاریخ شی در جاوا اسکریپت
را Date شی یک نوع داده داخلی است که برای کار با آن استفاده می شود تاریخ و بار. را Date شی با استفاده از new کلمه کلیدی، یعنی new Date() و تعدادی روش داخلی برای قالب بندی و مدیریت آن داده ها ارائه می دهد.
به طور پیش فرض، جدید Date به عنوان مثال بدون هیچ پارامتری، یک شی مطابق با تاریخ و زمان فعلی ایجاد می کند (یعنی با توجه به تنظیمات سیستم کامپیوتر):
let dateTime = new Date();
console.log(dateTime); // Mon Mar 07 2022 18:07:01 GMT+0100 (Central European Standard Time)
حال، بیایید نگاهی به روش استخراج بیاندازیم روز و ماه از این خروجی، و نام آنها را دریافت کنید!
روز را از شیء تاریخ جاوا اسکریپت دریافت کنید
راه های مختلفی برای استخراج تاریخ از a وجود دارد Date هدف – شی. ما استفاده کرده ایم toLocaleString() در مقدمه – اما شما همچنین می توانید فیلد دقیق را با getDay()!
با استفاده از getDay() روش
getDay() روز هفته (عددی برای نمایش روز در هفته بین 0 تا 6) را برای آن برمی گرداند Date هدف – شی:
// Get current day
let day = new Date().getDay();
console.log(day); //6
// Get day in the week of a certain date
let day = new Date("October 14, 2020 09:38:00").getDay();
console.log(day); //3
با آگاهی کامل از اینکه ۷ روز در هفته وجود دارد، می‌توانیم به سادگی روزهای یک هفته را به یک شاخص ترسیم کنیم! با این حال، شایان ذکر است که شماره گذاری روزهای یک هفته از شروع می شود یکشنبه و به پایان می رسد شنبه:
Sunday=0,
Monday=1,
Tuesday=2,
...,
Saturday=6.
بیایید آرایه ای از نام روزهای هفته را با ترتیب مورد انتظار ایجاد کنیم و با توجه به شاخص (روز در هفته) که توسط getDay():
let daysArray = ('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
let day = new Date().getDay();
let dayName = daysArray(day);
console.log(dayName); // "Saturday"
همچنین اگر از منطق استفاده می کنید، می توانید این عملکرد را در یک تابع قابل فراخوانی قرار دهید روی موارد متعدد:
const getDayName = (dayIndex) =>{
let daysArray = ('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
return daysArray(dayIndex);
}
const dayName = getDayName(new Date().getDay());
console.log(dayName); // "Saturday"
با استفاده از toLocaleDateString() روش
یک روش بسیار ساده تر که منطق نمایه سازی را برای شما انجام می دهد toLocaleDateString()! علاوه بر این، گزینه‌های قالب‌بندی را برای محلی که تعریف کرده‌اید فراهم می‌کند، بنابراین می‌توانید به صورت پویا قالب را با مکان کاربر تطبیق دهید.
این روش دارای چهار گزینه اساسی است – weekday، year، month و day، و به ما امکان می دهد نام روز را طولانی تر یا کوتاه تر کنیم:
let dayName = new Date().toLocaleDateString('en-us', { weekday:"long"})
console.log(dayName); // "Saturday"
let dayNameSt = new Date().toLocaleDateString('en-us', { weekday:"short"})
console.log(dayNameSt); // "Sat"
ماه را از شیء تاریخ جاوا اسکریپت دریافت کنید
تا کنون توانسته‌ایم ببینیم چگونه روز را به دست آوریم و می‌دانم که شما حدس می‌زنید که آن ماه چگونه کار خواهد کرد. برای اینکه خیلی صادق باشیم، اکثر شما اگر نه همه آن را درست متوجه خواهید شد. ما از دو روش مانند روز استفاده می کنیم، اما فقط کمی دستور را تغییر می دهیم.
با استفاده از getMonth() روش
را getMonth() روش دیگری است Date روش، بسیار در راه getDay() یک عدد صحیح برمی گرداند – شاخص ماه را که با علامت نشان داده شده است را برمی گرداند Date نمونه، مثال. ماه برگشتی بین خواهد بود 0..11، شروع در ژانویه و به پایان می رسد دسامبر:
let month = new Date().getMonth();
console.log(month); // 2
let month = new Date("October 14, 2020 09:38:00").getMonth();
console.log(month); // 9
بیایید آرایه ای از نام ماه ها را تعریف کنیم و به نام مناسب بر اساس دسترسی پیدا کنیم روی مقدار برگشتی:
let monthsArray = ('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
let month = new Date().getMonth();
let monthName = monthsArray(month);
console.log(monthName); // "March"
ما همچنین می‌توانیم با ایجاد تابعی که به راحتی می‌توان آن را در هر نقطه از برنامه شما فراخوانی کرد، این مورد را قابل استفاده مجدد کنیم:
const getMonthName = (monthIndex) =>{
let monthsArray = ('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
return monthsArray(monthIndex);
}
const monthName = getMonthName(new Date().getMonth());
console.log(monthName); // "March"
با استفاده از toLocaleDateString() روش
دوباره، toLocaleDateString() فرمت های روش الف Date به یک رشته، فیلدی را که به آن علاقه مندیم نمایش می دهیم، و آن را مطابق با شی پیکربندی قالب بندی می کنیم:
let monthName = new Date().toLocaleDateString('en-us', { month:"long"})
console.log(monthName); // "March"
let monthNameSt = new Date().toLocaleDateString('en-us', { month:"short"})
console.log(monthNameSt); // "Mar"
استفاده از کتابخانه های جاوا اسکریپت
همچنین مصلحت است که به چگونگی دستیابی به این امر پرداخته شود Moment.js، یک کتابخانه محبوب جاوا اسکریپت که در بسیاری از پروژه ها وجود دارد.
Moment.js
Moment.js به طور گسترده به عنوان یکی از بهترین بسته های تاریخ-زمان جاوا اسکریپت در نظر گرفته می شود و دلیل خوبی هم دارد. استفاده از آن واقعاً ساده است، به طور گسترده مستند شده، و درست است 20 کیلوبایت در اندازه (کوچک شده، Gzipped)!
چگونه با Moment.js نام روز را بدست آوریم
Moment.js باعث می شود که نام روز یا ماه را آسان کنید – ما به سادگی format() یک تاریخ! را 'ddd' دال نام تاریخ را به یک کوتاه فرمت می کند، while 'dddd' آن را به طولانی فرمت می کند:
// Get current date
var date = moment();
var dayName = date.format('ddd');
console.log(dayName); // "Sat"
var dayName = date.format('dddd');
console.log(dayName); // "Saturday"
روش دریافت نام ماه با Moment.js
همین منطق در مورد نام ماه صدق می کند:
var date = moment();
var monthName = date.format('MMM');
console.log(monthName); // "Mar"
var monthName = date.format('MMMM');
console.log(monthName); // "March"
نتیجه
در این راهنما، روش دریافت نام روز و ماه تاریخ در جاوا اسکریپت را در قالبی مناسب برای انسان توضیح داده ایم.
ما پوشش داده ایم getDay()، getMonth()، toLocaleString() متدها، و همچنین Moment.js، که ساده و روان‌سازی می‌شود process.
منتشر شده در 1403-01-11 22:01:03
