در قسمت قبل مباحث مربوط به دریافت تاریخ را بررسی کردیم که در صورت نیاز میتوانید به آنها مراجعه کنید. بعد از آموزش قسمت های مختلف تاریخ در جاوا اسکریپت امروز با آخرین قسمت از این مبحث با عنوان تعیین تاریخ و توابع آن در خدمت شما هستیم.
توابع تعیین تاریخ
در ابتدای این قسمت معروف ترین و مهم ترین توابع مورد نیاز برای تعیین تاریخ خاص را مشاهده می کنید.
تعیین سال کامل (چهار رقمی) | ()setFullYear |
تعیین ماه (11-0) | ()setMonth |
تعیین روز به صورت یک شماره (۳۱-۱) | ()setDate |
تعیین ساعت (23-0) | ()setHours |
تعیین دقیقه (59-0) | ()setMinutes |
تعیین ثانیه (59-0) | ()setSeconds |
در ادامه این توابع را به صورت جداگانه مورد بررسی خواهیم کرد.
تابع ()setFullYear
این تابع سال مورد نظر ما را به صورت عدد چهار رقمی تعیین می کند:
1 2 3 4 5 |
< script> var d = new Date(); d.setFullYear(2019); document.getElementById("demo").innerHTML = d; </script > |
نکته: این تابع می تواند در صورت نیاز ماه و روز را نیز تعیین کند.
تابع ()setMonth
این تابع ماه مورد نظر ما را به صورت عددی بین 0 تا 11 تعیین می کند:
1 2 3 4 5 |
< script > var d = new Date(); d.setMonth(1); document.getElementById("demo").innerHTML = d; </script > |
تابع ()setDate
این تابع روز را به صورت عددی بین 0 تا 31 تعیین می کند:
1 2 3 4 5 |
< script > var d = new Date(); d.setDate(10); document.getElementById("demo").innerHTML = d; < /script > |
نکته: شما می توانید از تابع ()setDate برای اضافه کردن روز به یک تاریخ خاص استفاده کنید. برای مثال به کد زیر دقت کنید:
1 2 3 4 5 |
< script> var d = new Date(); d.setDate(d.getDate() + 30); document.getElementById("demo").innerHTML = d; </script> |
تابع ()setHours
این تابع ساعت مورد نظر از یک تاریخ خاص را برای ما تعیین می کند:
1 2 3 4 5 |
< script> var d = new Date(); d.setHours(12); document.getElementById("demo").innerHTML = d; </script> |
تابع ()setMinutes
این تابع دقیقه ی یک تاریخ خاص را برای ما تعیین می کند:
1 2 3 4 5 |
< script> var d = new Date(); d.setMinutes(30); document.getElementById("demo").innerHTML = d; </script> |
تابع ()setSeconds
این تابع ثانیه ی یک تاریخ خاص را برای ما تعیین می کند:
1 2 3 4 5 |
< script> var d = new Date(); d.setSeconds(30); document.getElementById("demo").innerHTML = d; </script> |
در انتها یک نکته را به عنوان حسن ختام مبحث تاریخ در جاوا اسکریپت بیان می کنیم به نام مقایسه تاریخ در جاوا اسکریپت:
مقایسه ی تاریخ ها در جاوا اسکریپت کار بسیار آسانی است. برای این کار ابتدا دو تاریخ، یک تاریخ به عنوان مبدا که تاریخ روز می باشد و یکی هم تاریخی که قرار است مقایسه شود را به عنوان متغیر معرفی می کنیم. حال با استفاده از یک شرط if و else این مقایسه را انجام می دهیم.از این کار برای برنامه ریزی در تاریخ خاص استفاده می شود.
امیدوارم این قسمت براتون مفید بوده باشه. برای بیشتر یاد گرفتن در این باره و تمرین بیشتر به w3schools مراجعه کنید.