datetimepicker ne fonctionne pas quand include bootstrap.css

J'essaie d'inclure datetimepicker à mon formulaire modal. Tous mes codes fonctionnent dans une autre page html. Mais quand j'inclus ces codes sur ma propre page après avoir cliqué sur le bouton modal, une page blanche est ouverte. Après avoir passé des heures, j'ai découvert que quand j'ai exclu le fichier bootsrap.css cela fonctionne très bien. Mais j'ai besoin de styles bootsrap. J'essaie de trouver et de supprimer les styles modal et btn. Mais ça ne change rien. La seule solution excluant bootsrap.css.datetimepicker ne fonctionne pas quand include bootstrap.css

<head> 

<link rel="stylesheet" href="css/grid.css"> 
<link rel="stylesheet" href="css/style.css"> 
<link rel="stylesheet" href="css/touchTouch.css"> 
<link rel="stylesheet" href="css/bootstrap.css"> 
<link rel='stylesheet prefetch' href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css"> 
<link rel='stylesheet prefetch' href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/2708/bootstrap-datetimepicker.min.css"> 

<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> 
<script src="js/jquery.js"></script> 
<script src="js/touchTouch.jquery.js"></script> 
<script src="js/jquery-migrate-1.2.1.js"></script> 
<script src="js/script.js"></script> 
<script src="js/packery.pkgd.min.js"></script> 
<script src="js/bootstrap.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<!--[if (gt IE 9)|!(IE)]><!--> 
<script src="js/jquery.mobile.customized.min.js"></script> 
<script src="js/wow.js"></script> 
<script> 
    $(document).ready(function() { 
     if ($('html').hasClass('desktop')) { 
      new WOW().init(); 
     } 
    }); 
    </script> 
<body> 
    <div class="item col-sm-3" > 
         <div class="in"> 
          <div class="img"> 
           <img src="images/arabalar/ekonomi/Dacia-SANDERO.png" width="100%"/> 
          </div> 
          <div class="name"> 
           Dacia-SANDERO 
          </div> 

         <!-- Button to trigger modal --> 
      <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 

      <!-- Modal --> 
       <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
      <h3 id="myModalLabel">Modal header</h3> 
      </div> 
       <div class="modal-body"> 
       <div id="datetimepicker1" class="input-append date"> 
       <input data-format="dd/MM/yyyy hh:mm:ss" type="text">      </input> 
      <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span> 
      </div> 
    </div> 
     <div class="modal-footer"> 
      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
     </div> 
</div> 

<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> 
<script src='http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js'></script> 
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/2708/bootstrap-datetimepicker.min.js'></script> 
<script src="js/index1.js"></script>

et les index1.js contiennent

$(function() { 
    $('#datetimepicker1').datetimepicker({ 
     language: 'pt-BR' 
    }); 
});

Source

2017-02-12 Mehhr Khoshvaght

Pouvez-vous partager un lien vers la documentation de cette bibliothèque "datetimepicker"? – kkaosninja

http://s6.dosya.tc/server8/etedk6/site.rar.html –

Inclure un seul bootstrap.js fichier, soit le fichier bootstrap.min.js ou bootstrap.js ou

Inclure Jquery d'abord, puis Ajoutez bootstrap dans votre section de tête.

Source

2017-02-12 11:53:13

Merci de répondre. J'ai fait ce que tu dis. jquery est avant bootsrap.js. Ai-je manqué quelque chose d'autre? –

Post un violon avec le numéro –

pouvez-vous télécharger et vérifier ici? en violon je ne peux pas ajouter plusieurs fichiers de style http://s6.dosya.tc/server8/etedk6/site.rar.html –

datetimepicker ne fonctionne pas quand include bootstrap.css

Répondre

Questions connexes