تاریخ JavaScript دروب سایت pnldev

اشیاء تاریخ

اشیاء تاریخ در JavaScript به ما اجازه می دهند تاریخ ایجاد کنیم.

نکته: اما اشیاء تاریخ ثابت هستند و ساعت و تاریخ در حال اجرا نخواهد بود.

<!DOCTYPE html>
<html>
<body>

<p id="test"></p>

<script>
const d = new Date();
document.getElementById("test").innerHTML = d;
</script>

</body>
</html>

خروجی تاریخ در JavaScript

به طور پیش‌فرض، JavaScript از منطقه زمانی مرورگر استفاده خواهد کرد و تاریخ را به صورت رشته متن کامل نمایش می‌دهد.

این خروجی شامل نام روز، ماه ، روز، ساعت، دقیقه، ثانیه و منطقه زمانی می‌باشد.

ایجاد اشیاء تاریخ

اشیاء تاریخ با ()new Date ایجاد خواهد شد

9 روش برای ایجاد یک شی تاریخ جدید وجود دارد:

new Date()
new Date(date string)

new Date(year,month)
new Date(year,month,day)
new Date(year,month,day,hours)
new Date(year,month,day,hours,minutes)
new Date(year,month,day,hours,minutes,seconds)
new Date(year,month,day,hours,minutes,seconds,ms)

new Date(milliseconds)

تاریخ جدید - new Date

تاریخ جدید جاوا اسکریپت ()JavaScript new Date یک روش استاندارد برای ایجاد یک شیء تاریخ (Date object) در جاوا اسکریپت است.

. با استفاده از این متد، می‌توان تاریخ فعلی یا تاریخ مشخص شده در قالب رشته (date string)، سال و ماه، سال و ماه و روز، سال و ماه و روز و ساعت، یا تعدادی از اطلاعات دیگر را اعمال کرد.

const now = new Date();

new Date - رشته جدید (date string)

new Date(رشته تاریخ) یک شیء تاریخی از یک رشته تاریخ ایجاد می کند.

const now = new Date("October 13, 2014 11:13:00");

const now = new Date("2022-03-25");

فرمت‌های رشته تاریخ در فصل بعد توضیح داده است.

new Date ( ....سال و ماه و )

new Date(سال، ماه، ...) یک شیء تاریخی را با تاریخ و زمان مشخص ایجاد می‌کند.

7 تا عدد زمان را مشخص میکند ، به ترتیب ، سال ، ماه ، روز، ساعت ، دقیقه ، ثاینه و ملی ثانیه را مشخص میکند.

const now= new Date(2018, 11, 24, 10, 33, 30, 0);

نکته: جاوا اسکریپت ماه ها را از 0 تا 11 می شمارد ژانویه = 0. دسامبر = 11

اگر یک ماه را بیشتر از 11 بزنید خطا نمی شود ولی اتفاق سرریز رخ می دهد و آن را به سال بعد اضاغه می کند.

const now= new Date(2018, 15, 24, 10, 33, 30);

const now = new Date(2019, 3, 24, 10, 33, 30);

اگر روز را بیشتر از حداکثر بزنید خطا نمی شود ولی اتفاق سرریز رخ میدهد وآن را به ماه بعد اضافه می کند.

const now = new Date(2018, 5, 35, 10, 33, 30);

const now = new Date(2018, 6, 5, 10, 33, 30);

استفاده از اعداد 6، 4، 3 یا 2

6 تا عدد زمان را مشخص میکند ، به ترتیب ، سال ، ماه ، روز، ساعت ، دقیقه ، ثاینه را مشخص میکند.

const now = new Date(2018, 11, 24, 10, 33, 30);

5 تا عدد زمان را مشخص میکند ، به ترتیب ، سال ، ماه ، روز، ساعت ، دقیقه را مشخص میکند.

const now = new Date(2018, 11, 24, 10, 33);

4 تا عدد زمان را مشخص میکند ، به ترتیب ، سال ، ماه ، روز، ساعت را مشخص میکند.

const now = new Date(2018, 11, 24, 10);

3 تا عدد زمان را مشخص میکند ، به ترتیب ، سال ، ماه ، روزرا مشخص میکند.

const now = new Date(2018, 11, 24);

2 تا عدد زمان را مشخص میکند ، به ترتیب ، سال ، ماه را مشخص میکند.

const now = new Date(2018, 11);

نکته: نمی توان ماه را حذف کرد ، اگر تنها بک پارامتر را وارد کنید به عنوان میلی ثانیه در نظر می گیرد.

const now = new Date(2018);

قرن قبلی - Previous Century

سال های یک و دو رقمی به صورت 19xx می نویسد.

const now = new Date(99, 11, 24);

const now = new Date(9, 11, 24);

جاوا اسکریپت تاریخ ها را به صورت میلی ثانیه ذخیره می کند

زمان صفر 01 ژانویه 1970 ساعت 00:00:00 UTC است.

یک روز (24 ساعت) 86 400 000 میلی ثانیه است.

اکنون زمان: 1718106675530 میلی ثانیه از 01 ژانویه 1970 گذشته است.

new Date - میلی ثانیه (milliseconds)

در جاوا، کلاس Date میلی ثانیه را برای نمایش تاریخ و زمان ارائه می‌دهد. شما می‌توانید با استفاده از این کلاس، شیء Date را ایجاد کرده و تاریخ و زمان را با میلی ثانیه نشان دهید.

در جاوااسکریپت، تاریخ و ساعت به صورت میلی ثانیه ذخیره و نمایش داده می‌شود، که می‌توانید از آنها برای نمایش دقیق تاریخ و زمان استفاده کنید.

Date می‌تواند میلی ثانیه را به عنوان ورودی دریافت کرده و تاریخ را از 1970/01/01 محاسبه کند.

const now = new Date(100000000000);

const now = new Date(-100000000000);

const now = new Date(24 * 60 * 60 * 1000);
// یا
const now  = new Date(86400000);

const now = new Date(0);

متد های تاریخ - Date Methods

هنگامی که یک شیء تاریخ ساخته می‌شود، تعدادی از متدها به شما امکان عملکرد روی آن را می‌دهند. متدهای تاریخ به شما اجازه می‌دهند تا سال، ماه، روز، ساعت، دقیقه، ثانیه و میلی‌ثانیه اشیاء تاریخ را با استفاده از زمان محلی یا زمان یوتی‌سی (جهانی یا GMT) دریافت و تنظیم کنید.

نمایش تاریخ ها - Displaying Dates

جاوا اسکریپت (به طور پیش فرض) تاریخ ها را با استفاده از متد ()toString خروجی می دهد. این یک نمایش رشته‌ای از تاریخ است، شامل منطقه زمانی. فرمت در مشخصات ECMAScript مشخص شده است.

Tue Jun 11 2024 17:08:40 GMT+0330 (Iran Standard Time)

هنگامی که یک شی تاریخ را در HTML نمایش می دهید، به طور خودکار با روش ()toString به رشته تبدیل می شود.

const now = new Date();
now .toString();

روش ()toDateString یک تاریخ را به یک فرمت قابل خواندن تبدیل می‌کند.

const now = new Date();
now .toDateString();

روش ()toUTCString تاریخ را با استفاده از استاندارد یو تی سی (UTC) به یک رشته تبدیل می‌کند.

const now= new Date();
now.toUTCString();

متد ()toISOString تاریخ را با استفاده از استاندارد ISO به رشته تبدیل می کند.

const now = new Date();
now.toISOString();

خلاصه درس

در این فصل با نحوه ی ایجاد کردن تاریخ و بعضی از متد های قابل استفاده برای شخصی سازی تاریخ در JS آشناشدیم.

تمرین

مشاهده پاسخ

توسعه دهندگان

احسان اسلامی