حل مشكلة input[type:date] في لغة html5 غير مدعوم على متصفح internet explorer

محمود_سعداوي · 20 مارس 2022

السلام عليكم.

كيف يمكنني معالجة المشكل التالي في لغة html5

بإمكاني تجاهل _ 'type='date _والشيفرة تعمل بصفة عادية لكن أريد ظهور وسم المذكرة لكي أختار التاريخ المناسب.

شكرا.

تم التعديل في 20 مارس 2022 بواسطة Wael Aljamal
توضيح السؤال

أسامة زيادة · 20 مارس 2022

هنا كملاحظة وليس كخطأ يخبرك أن الوسم 'type='date لا يعمل على المتصفح وغير مدعم على متصفح Internet Explorer هل يمكنك التجربة على متصفح آخر .

والطريقة الصحيحة لظهور التقويم بهذا الشكل

<form>
  <label for="Day">Day:</label>
  <input type="date" id="Day" name="Day">
</form>

محمود_سعداوي · 20 مارس 2022

<form>
  <label for="Day">Day:</label>
  <input type="date" id="Day" name="Day">
</form>

أسامة زيادة · 20 مارس 2022

بتاريخ الآن قال محمود سعداوي:

قمت بالتجربة على chrome و لم يعمل أيضا

هل يمكنك إرفاق الشيفرة البرمجية للكود ؟

محمود_سعداوي · 20 مارس 2022

بتاريخ 25 دقائق مضت قال أسامة زيادة:

هل يمكنك إرفاق الشيفرة البرمجية للكود ؟

تفضل

<body>
    <h1>🍪 Le créateur de Cookies 🍪</h1> 
    <input type="text" name="cookieName" value="pull" title="cookieName">
    <input type="text" name="cookieValue" value="50" title="cookieValue">
    <input type="date" id="date" name="cookieExpire" title="cookieExpire">  
    <div class="container-btns">
        <button data-cookie="creer" class="btn1">Créer</button>
        <button data-cookie="toutAfficher" class="btn2">Afficher</button>
    </div>  
    <p class="info-txt"></p>
    <ul class="affichage"></ul> 
    <script src="script.js"></script>
</body>

Wael Aljamal · 20 مارس 2022

يمكنك تجاهل الرسالة حيث أن عدد مستخدمي الإنترنت الذين يستخدمون IE قليل جداً وتوقف دعمه حتى من مايكروسوف.

الحل الأفضل هو استخدام جيكويري datePicker وسوف تعمل على جميع المتصفحات

نطبق الشيفرة على input type text

 <input type="text" class="datepicker" name="your-name" />

مثلاً نستهدف الصنف datepicker

<script>

  $(function() { 
    $( ".datepicker" ).datepicker({ dateFormat: 'yy-mm-dd' }); });
  }

</script>

أسامة زيادة · 20 مارس 2022

بتاريخ 19 دقائق مضت قال محمود سعداوي:

تفضل


<body>
    <h1>🍪 Le créateur de Cookies 🍪</h1> 
    <input type="text" name="cookieName" value="pull" title="cookieName">
    <input type="text" name="cookieValue" value="50" title="cookieValue">
    <input type="date" id="date" name="cookieExpire" title="cookieExpire">  
    <div class="container-btns">
        <button data-cookie="creer" class="btn1">Créer</button>
        <button data-cookie="toutAfficher" class="btn2">Afficher</button>
    </div>  
    <p class="info-txt"></p>
    <ul class="affichage"></ul> 
    <script src="script.js"></script>
</body>

الشيفرة لديك صحيحة لكنك تستخدم أوامر خاصة في الجيكويري وانت لم تقم بتضمينها في ملف html لذلك قم بإضافة هذا الكود في أسفل الملف لتضمين المكتبة بهذا الشكل

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 <script src="script.js"></script>
</body>
</html>

حل مشكلة input[type:date] في لغة html5 غير مدعوم على متصفح internet explorer

السؤال

محمود_سعداوي

رابط هذا التعليق

شارك على الشبكات الإجتماعية

6 أجوبة على هذا السؤال

Recommended Posts

أسامة زيادة

رابط هذا التعليق

شارك على الشبكات الإجتماعية

محمود_سعداوي

رابط هذا التعليق

شارك على الشبكات الإجتماعية

أسامة زيادة

رابط هذا التعليق

شارك على الشبكات الإجتماعية

محمود_سعداوي

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Wael Aljamal

رابط هذا التعليق

شارك على الشبكات الإجتماعية

أسامة زيادة

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية