اذهب إلى المحتوى
  • 0

أريد مكتبة جافاسكريبت لإضافة حقل التاريخ والوقت في مشروعي مع دعم Bootstrap

Abdelrahman Mostafa10

السؤال

لدي مشروع واستخدم Bootstrap وقمت بالإعتماد على حقل التاريخ الخاص بـ HTML 5 التالي:

<input type="date" id="start" name="reserveation" />

لكن أنا أريد مكتبة datetimepicker بحيث يدعم Bootstrap فكيف أقوم بتنفيذ ذلك؟

وأيضًا ما الفرق بين مكتبات datetimepicker التي تدعم Bootstrap والمكتبات التي لا تدعم ذلك ومثال على تلك المكتبات إن إمكن.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

بالنسبة الي كيفية استخدامك  لdatetimepicker  , فيمكنك فعل ذلك عن طريق الCDN  كالتالي :

<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>


<script>
  $(document).ready(function(){
    $('#start').datetimepicker({
      format: 'YYYY-MM-DD HH:mm:ss',
    });
  });
</script>

المهم ان تتأكد من وضع jquery, Bootstrap, DateTimePicker   كما ارسلت لك في ال head .

اما بالنسبة للفرق فطبعا المكتبات الخاصه ب DateTimePicker    التي تدعم ال Bootstrap  فهي  دائما تكون افضل من حيث التصميم والتكامل الخاص بالموقع عن تلك التي لا تدعم Bootstrap .

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...