JavaScript Date Objects

<< مبحث قبلی مبحث بعدی >>

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

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

  • new Date()
  • new Date(year, month, day, hours, minutes, seconds, milliseconds)
  • new Date(milliseconds)
  • new Date(date string)

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

()new Date

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


<!DOCTYPE HTML>
<html>
  <body>
    <h2> JavaScript new Date() </h2>
    <p> Using new Date(), creates a new date object with the current date and time: </p>
    <p id ="demo"> </p>
    <button onclick="myFunction()"> Click Me! </button>
    <script>
      const d = new Date();
      function myFunction() {
        document.getElementById("demo").innerHTML = d;
      }
    </script>
  </body>
</html>

خروجی: روی دکمه زیر کلیک کنید.

JavaScript new Date()

Using new Date(), creates a new date object with the current date and time:

(...,new Date(year, month

new Date(year, month, ...) یک شیء جدید تاریخ با زمان و تاریخ مشخص شده را ایجاد می‌کند. 7 عدد که به ترتیب سال، ماه، روز، ساعت، دقیقه، ثانیه و میلی ثانیه را مشخص می‌کنند.


<!DOCTYPE HTML>
<html>
  <body>
    <h2> JavaScript new Date() </h2>
    <p> Using new Date(7 numbers), creates a new date object with the specified date and time: </p>
    <p id ="demo"> </p>
    <button onclick="myFunction()"> Click Me! </button>
    <script>
      const d = new Date(2021, 6, 20, 10, 33, 30, 0);
      function myFunction() {
        document.getElementById("demo").innerHTML = d;
      }
    </script>
  </body>
</html>

خروجی: روی دکمه زیر کلیک کنید.

JavaScript new Date()

Using new Date(7 numbers), creates a new date object with the specified date and time:

جاوا اسکریپت ماه‌ها را از صفر می‌شمارد. ماه ژانویه صفر و آخرین ماه یعنی دسامبر 11 خواهند بود.

در مثال بالا می‌توانید اعداد کمتری را به عنوان آرگومان وارد کنید. مثلاً به جای 7 عدد می‌توانید 6 عدد را وارد کنید و میلی ثانیه را حذف نمائید. این کار را می‌توانید تا رسیدن به 2 عدد به عنوان آرگومان ادامه دهید. در این حالت فقط سال و ماه نمایش داده خواهد شد. اما اگر ماه را هم حذف کنید عدد باقی‌مانده دیگر نمایش دهنده سال نخواهد بود و جاوا اسکریپت آن را به عنوان میلی ثانیه تفسیر می‌کند.

اگر عدد سال را به صورت یک عدد یک رقمی و یا دورقمی وارد کنید، آنگاه جاوا اسکریپت آن را به صورت 19xx تفسیر می‌کند. یعنی اگر عدد سال را به صورت 98 وارد کنید، جاوا اسکریپت سال را به صورت 1998 می‌نویسد.

new Date(milliseconds)

جاوا اسکریپت تاریخ را به صورت میلی‌ ثانیه از (January 01, 1970, 00:00:00 UTC (Universal Time Coordinated ذخیره می‌کند. بنابراین زمان صفر در جاوا اسکریپت معادل January 01, 1970 00:00:00 UTC است. در لحظه بارگذاری این صفحه، میلی ثانیه از اول ژانویه 1970 سپری شده است.

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


<!DOCTYPE HTML>
<html>
  <body>
    <h2> JavaScript new Date() </h2>
    <p> 100000000000 milliseconds from Jan 1, 1970, is approximately Mar 3, 1973: </p>
    <p id = "demo"> </p>
    <script>
      const d = new Date(100000000000);
      document.getElementById("demo").innerHTML = d;
    </script>
  </body>
</html>

خروجی:

میلی ثانیه را می‌توانید به صورت منفی هم وارد کنید. در این حالت جاوا اسکریپت از 1 ژانویه 1970 به قبل از آن تاریخ را محاسبه می‌کند.

new Date(dateString)

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


<!DOCTYPE HTML>
<html>
  <body>
    <h2> JavaScript new Date() </h2>
    <p> A Date object can be created with a specified date and time:</p>
    <p id = "demo"> </p>
    <script>
      const d = new Date("October 13, 2014 11:13:00");
      document.getElementById("demo").innerHTML = d;
    </script>
  </body>
</html>

خروجی:

در بخش بعدی بیشتر در این مورد بحث خواهیم کرد.

نحوه نمایش تاریخ

در اینجا چند تابع شیء در ارتباط با نحوه نمایش تاریخ را معرفی می‌کنیم ولی بحث کامل‌تر در ارتباط با توابع شیء تاریخ را در بخش‌های بعدی انجام خواهیم داد.

زمانی که یک شیء تاریخ را در HTML نمایش می‌دهید، به صورت خودکار با استفاده از تابع شیء toString() به یک رشته تبدیل شده و نمایش داده می‌شود. بنابراین کد زیر

const d = new Date();
document.getElementById("demo").innerHTML = d;

معادل این کد خواهد بود:

const d = new Date();
document.getElementById("demo").innerHTML = d.toString();

تابع شیء toUTCString() تاریخ را به صورت رشته‌ای با استاندارد UTC نمایش می‌دهد.


<!DOCTYPE HTML>
<html>
  <body>
    <h2> JavaScript Date() </h2>
    <p>The toUTCString() method converts a date to a UTC string (a date display standard): </p>
    <p id = "demo"> </p>
    <button onclick="myFunction()"> Click Me! </button>
    <script>
      const d = new Date()
      function myFunction() {
        document.getElementById("demo").innerHTML = d.toUTCString();
      }
    </script>
  </body>
</html>

خروجی: روی دکمه زیر کلیک کنید.

JavaScript Date()

The toUTCString() method converts a date to a UTC string (a date display standard):

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


<!DOCTYPE HTML>
<html>
  <body>
    <h2> JavaScript toDateString() </h2>
    <p>The toDateString() method converts a date to a date string: </p>
    <p id = "demo"> </p>
    <button onclick="myFunction()"> Click Me! </button>
    <script>
      const d = new Date()
      function myFunction() {
        document.getElementById("demo").innerHTML = d.toDateString();
      }
    </script>
  </body>
</html>

خروجی: روی دکمه زیر کلیک کنید.

JavaScript toDateString()

The toDateString() method converts a date to a date string:

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


<!DOCTYPE HTML>
<html>
  <body>
    <h2> JavaScript toISOString() </h2>
    <p>The toISOString() method converts a date to a date string, using the ISO standard format: </p>
    <p id = "demo"> </p>
    <button onclick="myFunction()"> Click Me! </button>
    <script>
      const d = new Date()
      function myFunction() {
        document.getElementById("demo").innerHTML = d.toISOString();
      }
    </script>
  </body>
</html>

خروجی: روی دکمه زیر کلیک کنید.

JavaScript toISOString()

The toISOString() method converts a date to a date string, using the ISO standard format:

<< مبحث قبلی مبحث بعدی >>