فرمت‌های تاریخ و زمان در جاوااسکریپت

از ویکی کد
پرش به ناوبری پرش به جستجو
دورهٔ آموزشی جاوااسکریپت
Javascript.jpg
جاوااسکریپت
موارد آموزشی
۱آموزش جاوااسکریپت
۲مقدمه‌ای بر جاوااسکریپت
۳قوانین و اصول اولیه زبان جاوااسکریپت
۴خروجی جاوااسکریپت
۵عبارت‌ها در جاوااسکریپت
۶شیوهٔ نوشتن دستورات در جاوااسکریپت
۷نظرات یا کامنت‌ها (Comments) در جاوااسکریپت
۸متغیرها در جاوااسکریپت
۹عملگرهای جاوااسکریپت
۱۰عملگرهای ریاضی در جاوااسکریپت
۱۱عملگرهای مقداردهی در جاوااسکریپت
۱۲انواع داده‌ها در جاوااسکریپت
۱۳توابع در جاوااسکریپت
۱۴اشیاء (object) در جاوااسکریپت
۱۵رویدادها در جاوااسکریپت
۱۶رشته‌های متنی (string) در جاوااسکریپت
۱۷متدهای نوع داده متنی یا رشته‌ای در جاوااسکریپت
۱۸اعداد در جاوااسکریپت
۱۹متدهای داده‌های عددی در جاوااسکریپت
۲۰آرایه‌ها در جاوااسکریپت
۲۱متدهای آرایه در جاوااسکریپت
۲۲مرتب‌سازی آرایه‌ها در جاوااسکریپت
۲۳متدهای پیمایش آرایه در جاوااسکریپت
۲۴اشیاء تاریخ و زمان در جاوااسکریپت
۲۵فرمت‌های تاریخ و زمان در جاوااسکریپت
۲۶متدهای دریافت تاریخ و زمان در جاوااسکریپت
۲۷متدهای تنظیم زمان و تاریخ در جاوااسکریپت
۲۸شی ریاضی (Math) در جاوااسکریپت
۲۹ایجاد عدد تصادفی در جاوااسکریپت
۳۰مقادیر بولین (Booleans) در جاوااسکریپت
۳۱عملگرهای منطقی و مقایسه‌ای در جاوااسکریپت
۳۲ساختار if else و else if در جاوااسکریپت
۳۳تکه کد Switch در جاوا اسکریپت
۳۴حلقه For در جاوااسکریپت
۳۵حلقه While در جاوااسکریپت
۳۶کلمات کلیدی Break و Continue در جاوااسکریپت
۳۷تبدیل نوع داده‌ها در جاوااسکریپت
۳۸عملیات‌های بیتی در جاوااسکریپت
۳۹عبارات با قاعده در جاوااسکریپت
۴۰خطاها در جاوااسکریپت - رخ دادن خطا و رفع آن
۴۱Scope در جاوااسکریپت
۴۲Hoisting یا جا به جایی کدها در جاوااسکریپت
۴۳استفاده از مد یا حالت سخت‌گیرانه (use strict) در جاوااسکریپت
۴۴کلمه کلیدی This در جاوااسکریپت
۴۵کلمه کلیدی Let در جاوااسکریپت
۴۶ثابت‌ها در جاوااسکریپت
۴۷تعریف توابع به صورت پیکان
۴۸کلاس‌ها در جاوااسکریپت
۴۹اشکال‌زدایی در جاوااسکریپت
۵۰راهنمای استایل و استانداردهای کدنویسی در جاوااسکریپت
۵۱بهترین تمرینات جاوااسکریپت
۵۲اشتباهات رایج در برنامه‌نویسی جاوااسکریپت
۵۳کارایی در جاوااسکریپت
۵۴کلمات رزرو شده در جاوااسکریپت
۵۵ورژن‌های جاوااسکریپت
۵۶ECMAScript 5 - JavaScript 5
۵۷ECMAScript 6 - ECMAScript 2015
۵۸جیسون (JSON) در جاوااسکریپت
فرم‌ها
۱فرم‌ها در جاوااسکریپت
۲API ارزشیابی در جاوااسکریپت
اشیاء (Object)
۱اشیاء در جاوااسکریپت
۲ویژگی‌های اشیاء در جاوااسکریپت
۳متدهای اشیاء در جاوااسکریپت
۴روش‌های دسترسی به شیء در جاوااسکریپت
۵سازنده‌های شیء در جاوااسکریپت
۶شکل اصلی شیء در جاوااسکریپت
۷متدهای شیء در ورژن ES5 جاوااسکریپت
تابع
۱تعریف تابع در جاوااسکریپت
۲پارامتر توابع در جاوااسکریپت
۳فراخوانی تابع در جاوااسکریپت
۴صدا کردن تابع در جاوااسکریپت
۵تابع Apply در جاوااسکریپت
۶بسته‌ها (به انگلیسی: Closures) در جاوااسکریپت
HTML DOM
۱HTML DOM در جاوااسکریپت
۲متدهای HTML DOM در جاوااسکریپت
۳HTML DOM Document در جاوااسکریپت
۴عناصر HTML DOM در جاوااسکریپت
۵reeeeeeeeeeeeeeee
۶تست
۷تست
۸تست
۹تست
۱۰تست
۱۱تست
۱۲تست
۱۳تست


تاریخ و زمان ورودی در جاوااسکریپت

به صورت کلی ۳ نوع فرمت، یا شیوهٔ تاریخ و زمان ورودی در جاوااسکریپت وجود دارد: [۱]

نوع مثال
ISO Date "۲۰۱۵-۰۳-۲۵" استاندارد جهانی
Short Date “۲۰۱۵/۲۵/۰۳”
Long Date "Mar ۲۵ ۲۰۱۵" یا "۲۵ Mar ۲۰۱۵"


تاریخ خروجی در جاوااسکریپت

همانند فرمت تاریخ ورودی، جاوااسکریپت به صورت پیشفرض تاریخ‌های خروجی را در یک رشته کامل نمایش داده می‌شود:

تاریخ‌های ISO در جاوااسکریپت

استاندارد ISO 8601 یک استاندارد بین‌المللی برای نمایش تاریخ‌ها و زمانهاست.

شیوه نوشتار یا​syntax (YYYY-MM-DD)​در استاندارد iso8601 درفرمت تاریخ جاوااسکریپت نیز رعایت می‌شود:

مثال (زمان کامل)

var d = new Date("2015-03-25");

تاریخ‌های ایزو (سال و ماه)

مثال

var d = new Date("2015-03");

تاریخ‌های ایزو (فقط سال)

تاریخ‌های ایزو را می‌توان بدون علامت ماه روز (به صورت YYYY) نوشت:

مثال

var d = new Date("2015");

تاریخ‌های ایزو (تاریخ – زمان)

تاریخ‌های ایزو را می‌توان با ساعت، دقیقه و ثانیه اضافی (یعنی به صورت YYYY-MM-DDTHH:MM:SSZ) نوشت:

مثال

var d = new Date("2015-03-25T12:00:00Z");

تاریخ و زمان با یک حرف T بزرگ از یک دیگر جدا شده‌اند.

زمان جهانی (به انگلیسی: UTC) نیز به وسیلهٔ حرف بزرگ Z تعریف شده‌است.

اگر شما می‌خواهید زمان را با توجه به ساعت جهانی تغییر دهید، حرف Z را پاک کنید و به جای آن از​+HH:MM​و​-HH:MM​استفاده کنید.

مثال

var d = new Date("2015-03-25T12:00:00-06:30");


موقعیت‌های زمانی

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

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

به بیان دیگر: اگر یک تاریخ / زمان بر حسب GMT یا گرینویچ باشد، اگر کاربر صفحه وبی را از مرکز ایالات متحده با مرورگر خود باز کند تاریخ و زمان به CDT یا زمان مرکزی ایالات متحده آمریکا تبدیل می‌شود.

تاریخ‌های کوتاه در جاوااسکریپت

تاریخ‌های کوتاه به صورت فرمت "MM/DD/YYYY" همانند مثال زیر نوشته می‌شوند:

مثال

var d = new Date("03/25/2015");

هشدارها!

در برخی از مرورگرها، اگر شماره ماه یا روز را بدون صفر بنویسید، ممکن است موجب بروز خطا شود:

var d = new Date("2015-3-25");

رفتار "YYYY/MM/DD" تعریف نشده‌است.

برخی از مرورگرها سعی خواهند کرد که فرمت را حدس بزنند. برخی نیز مقدار NaN را به عنوان خروجی برمی‌گردانند.

var d = new Date("2015/03/25");

رفتار "DD-MM-YYYY" نیز تعریف نشده‌است.

برخی از مرورگرها سعی خواهند کرد که فرمت را حدس بزنند. برخی نیز مقدار NaN را به عنوان خروجی برمی‌گردانند.

var d = new Date("25-03-2015");

تاریخ‌های طولانی در جاوااسکریپت

تاریخ‌های طولانی اغلب به صورت "MMM DD YYYY" مانند مثال زیر نوشته می‌شوند:

مثال

var d = new Date("Mar 25 2015");

ماه و روز را می‌توان به هر حالتی نوشت:

مثال

var d = new Date("25 Mar 2015");

و، نام‌ها را هم می‌توان به صورت کامل نوشت(January) و هم به صورت مخفف (Jan):

مثال

var d = new Date("January 25 2015");

مثال

var d = new Date("Jan 25 2015");

ویرگول‌ها نا دیده گرفته می‌شوند. نامها نیز حساس به حروف کوچک و بزرگ نیستند:

مثال

var d = new Date("JANUARY, 25, 2015");

تاریخ ورودی – تبدیل تاریخ‌ها

اگر شما یک تاریخ رشته‌ای در فرمت صحیح داشته باشید، می‌توانید با استفاده از متد​Date.parse()​آن را به میلی ثانیه تبدیل کنید.

متد​Date.parse()​تفاضل بین تاریخ ورودی و تاریخ یک ژانویه ۱۹۷۰ را به صورت میلی ثانیه بیان می‌کند:

مثال

var msec = Date.parse("March 21, 2012");
document.getElementById("demo").innerHTML = msec;

شما سپس می‌توانید از اعداد میلی ثانیه برای تبدیل به یک شیء تاریخ و زمان استفاده کنید:

مثال

var msec = Date.parse("March 21, 2012");
var d = new Date(msec);
document.getElementById("demo").innerHTML = d;

منابع آموزشی