خاصية step في إدخال DateTimeLocal

موضوع DOM Input DatetimeLocal HTML

التعريف والاستخدام

step تضبط أو تعيد الخاصية step القيمة الحالية الخاصة بحقل التاريخ والوقت المحلي.

تحدد الخاصية step في HTML فاصل الزمني الرقمي الصالح بالثواني أو الميليسي ثانية في حقل التاريخ والوقت المحلي (لا تنطبق على اليوم، الشهر، السنة، الساعة أو الدقيقة).

مثال: إذا كان step="2" فإن القيم الصحيحة تكون 0، 2، 4 وغيرها.

نصيحة: عادة ما تستخدم الخاصية step مع: max و min استخدم الخاصية معًا لإنشاء سلسلة من القيم الصحيحة.

انظر أيضًا:

دليل HTML:مثل HTML <input> step الخاصية

مثال

مثال 1

تغيير فاصل الزمني الرقمي الصالح بالثواني في حقل التاريخ والوقت المحلي:

document.getElementById("myLocalDate").step = "10";

تجربة شخصية

مثال 2

تغيير فاصل الزمني الرقمي الصالح بالميليسي ثانية في حقل التاريخ والوقت المحلي:

document.getElementById("myLocalDate").step = ".020";

تجربة شخصية

مثال 3

الحصول على فاصل الزمني الرقمي الصالح بالثواني في حقل التاريخ والوقت المحلي:

var x = document.getElementById("myLocalDate").step;

تجربة شخصية

النحو

إرجاع الخاصية step:

datetimelocalObject.step

ضبط الخاصية step:

datetimelocalObject.step = number

قيمة الخاصية

القيمة الوصف
number

يحدد فاصل الزمني الرقمي الصالح في حقل التاريخ والوقت المحلي.

بالنسبة للثواني:

استخدم أرقاماً ستصبح في النهاية "60". مثل: "1", "2", "10", "30" وغيرها.

بالنسبة للميليسي ثانية:

تبدأ من "." وتستخدم أرقاماً ستصبح في النهاية "1000". مثل: ".010", ".050", ".20" وغيرها.

تفاصيل التقنية

القيمة المطلوبة: الرقم، يمثل فاصل زمني صالح بالثواني أو الميليسي ثانية.

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية بشكل كامل.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
دعم 10.0 دعم دعم دعم

ملاحظة:لا يظهر أي حقل تاريخ أو وقت/التقويم في Firefox عند عرض عنصر <input type="datetime-local">.

موضوع DOM Input DatetimeLocal HTML