انتقل إلى محتوى الدرس

Date Input and Calendar Pickers حقل التاريخ ومحدد التقويم التفاعلي

تعلم حقول التاريخ والوقت في نماذج HTML: اكتشف كيفية توظيف التقويم الزمني ومحدد الساعات وصيغ ISO 8601 القياسية، وتقييد فترات الحجز بالحد الأدنى والأقصى بدقة تامة.
5 صفوف تعليمية
لغة HTML
7,321 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
يوفر حقل التاريخ <input type="date"> واجهة مدمجة ومتوافقة مع معايير الإتاحة لاختيار الأيام والشهور والسنوات. ويتيح للمستخدم تحديد اليوم إما بالكتابة المباشرة للأرقام أو عبر النقر على التقويم التفاعلي المنبثق.
الصف 2 كود برمجي
HTML
<!-- Native date input for booking appointments -->
<form action="/reserve" method="post">
  <label for="res-date">Reservation Date:</label>
  <input id="res-date" name="date" type="date">
  <button type="submit">Check Availability</button>
</form>
الصف 3 صورة توضيحية
المقارنة بين واجهة التقويم المحلية وصيغة سلك البيانات القياسية ISO 8601
الصف 4 شرح توضيحي
بغض النظر عن طريقة عرض التقويم على جهاز المستخدم، يُوحد المتصفح القيمة دائماً وفق صيغة المعيار القياسي YYYY-MM-DD. ويقضي هذا التوحيد التلقائي على الالتباس الشائع بين ترتيب اليوم والشهر في الثقافات العالمية المختلفة.
الصف 5 ملاحظة هامة