موضوع HTML DOM Input Date

شیء Input Date

شیء Input Date یک شیء جدید در HTML5 است.

شیء Input Date نمایانگر عنصر HTML <input type="datetime"> است.

نکته:اینترنت اکسپلورر و فایرفاکس از عنصر <input type="date"> پشتیبانی نمی‌کنند.

دسترسی به شیء Input Date

شما می‌توانید با استفاده از getElementById() به عنصر <input type="date"> دسترسی پیدا کنید:

var x = document.getElementById("myDate");

سعی کنید خودتان امتحان کنید

توجه:شما همچنین می‌توانید با جستجوی فرم مجموعه elementsبرای دسترسی به شیء Input Date استفاده کنید.

ایجاد یک شیء Input Date

شما می‌توانید با استفاده از روش document.createElement() یک عنصر <input type="date"> ایجاد کنید:

var x = document.createElement("INPUT");
x.setAttribute("type", "date");

سعی کنید خودتان امتحان کنید

ویژگی‌های موضوع Input Date

ویژگی‌ها توضیح
autocomplete تنظیم یا بازگشت مقدار ویژگی autocomplete فیلد date.
autofocus تنظیم یا بازگشت اینکه آیا فیلد date در زمان بارگذاری صفحه باید به صورت خودکار تمرکز کند یا خیر.
defaultValue تنظیم یا بازگشت مقدار پیش‌فرض فیلد date.
disabled تنظیم یا بازگشت اینکه آیا فیلد date غیرفعال است یا خیر.
form بازگشت به فرم شامل فیلد date.
list بازگشت به لیست datalist شامل فیلد date.
max تنظیم یا بازگشت مقدار ویژگی max فیلد date.
min تنظیم یا بازگشت مقدار ویژگی min فیلد date.
name تنظیم یا بازگشت مقدار ویژگی name فیلد date.
readOnly تنظیم یا بازگشت اینکه آیا فیلد date فقط خواندنی است یا خیر.
required تنظیم یا بازگشت اینکه آیا باید فیلد date قبل از ارسال فرم پر شود یا خیر.
step تنظیم یا بازگشت مقدار ویژگی step فیلد date.
type بازگشت نوع فرم‌ئی فیلد date.
value تنظیم یا بازگشت مقدار ویژگی value فیلد date.

روش‌های موضوع Input Date

روش توضیح
select() محتوای فیلد متن تاریخ را انتخاب کنید.
stepDown() مقدار فیلد تاریخ را بر اساس شماره مشخص شده کاهش دهید.
stepUp() مقدار فیلد تاریخ را بر اساس شماره مشخص شده افزایش دهید.

ویژگی‌ها و رویدادهای استاندارد

موضوع Input Date پشتیبانی از استانداردها را داردویژگی‌هاورویدادها.

صفحات مرتبط

آموزش HTML:فرم‌های HTML

دستورالعمل‌های HTML:برچسب <input> HTML

دستورالعمل‌های HTML:ویژگی type <input> HTML