موضوع HTML DOM Input Datetime
- الصفحة السابقة <input> date
- الصفحة التالية <input> datetime-local
كائن DateTime
كائن DateTime هو كائن جديد في HTML5.
يُمثل كائن DateTime عنصر HTML <input type="datetime">.
التعليقات:Internet Explorer و Firefox و Chrome لا يدعمون عنصر <input type="datetime">، يدعم Safari جزءًا منه. يدعم Opera 12 وأحدث إصداراته بشكل كامل.
الوصول إلى كائن DateTime
يمكنك الوصول إلى عنصر <input type="myDatetime"> باستخدام طريقة getElementById():
var x = document.getElementById("myDatetime");
نصيحة:يمكنك أيضًا التمرير عبر مجموعة العناصرللوصول إلى كائن DateTime.
إنشاء كائن DateTime
يمكنك إنشاء عنصر <input type="datetime"> باستخدام طريقة document.createElement():
var x = document.createElement("INPUT"); x.setAttribute("type", "datetime");
خصائص ملفDatetime
الخصائص | الوصف |
---|---|
autocomplete | تعيين أو العودة إلى قيمة الخاصية autocomplete لحقل datetime. |
autofocus | تعيين أو العودة إلى ما إذا كان يجب أن يتم التركيز تلقائيًا على حقل datetime عند تحميل الصفحة. |
defaultValue | تعيين أو العودة إلى القيمة الافتراضية لحقل datetime. |
disabled | تعيين أو العودة إلى ما إذا كان حقل datetime معطلاً. |
form | العودة إلى مرجع النموذج الذي يحتوي على حقل datetime. |
list | العودة إلى مرجع قائمة datalist التي تحتوي على حقل datetime. |
max | تعيين أو العودة إلى قيمة الخاصية max لحقل datetime. |
min | تعيين أو العودة إلى قيمة الخاصية min لحقل datetime. |
name | تعيين أو العودة إلى قيمة الخاصية name لحقل datetime. |
readOnly | تعيين أو العودة إلى ما إذا كان حقل datetime قابلاً للقراءة فقط. |
required | تعيين أو العودة إلى ما إذا كان يجب ملء حقل datetime قبل تقديم النموذج. |
step | تعيين أو العودة إلى قيمة الخاصية step لحقل datetime. |
type | العودة إلى نوع العنصر النموذجي لحقل datetime. |
value | تعيين أو العودة إلى قيمة الخاصية value لحقل datetime. |
طريقة ملفDatetime Input
الطريقة | الوصف |
---|---|
select() | تحديد محتوى حقل النص التاريخي-الوقت |
stepDown() | تناقص قيمة حقل datetime بناءً على الرقم المحدد. |
stepUp() | زيادة قيمة حقل datetime بناءً على الرقم المحدد. |
الصفحات ذات الصلة
دليل HTML:نماذج HTML
دليل مرجعي HTML:تسمية <input> HTML
دليل مرجعي HTML:خصائص نوع <input> HTML
- الصفحة السابقة <input> date
- الصفحة التالية <input> datetime-local