2014-05-16 4 views
0

J'utilise le code suivant pour le sélecteur de date. Mais ça ne marche pas.Bootstrap: Datepicker ne fonctionne pas

Mon code:

<div class="control-group"> 
    <label class="control-label">Production Year</label> 
    <div class="controls"> 
     <div id="datetimepicker2" class="input-append"> 
      <input data-format="MM/dd/yyyy HH:mm:ss PP" type="text" class="datepicker"></input> 
      <span class="add-on"> 
       <i class="icon-calendar" data-date-icon="icon-calendar"></i> 
      </span> 
     </div> 
    </div> 
</div> 

Et le Jquery comme suit.

<script type="text/javascript"> 
    $('#datepicker').datepicker({ 
     language: 'en', 
     pick12HourFormat: true 
    }); 
</script> 
+0

Suppression des drapeaux de rubis et de rails. – mcfinnigan

Répondre

2

vous configurez class attribut et en utilisant # sélecteur qui est pour l'identification, il ne fonctionnera pas. Utilisez .datepicker comme ceci:

$('.datepicker').datepicker({ 
    language: 'en', 
    pick12HourFormat: true 
}); 
0

1. lorsque l'on inclut tout autre fichier .js alors assurez-vous d'inclure les premiers jquery.min.js. Si vous incluez plus d'une fois le fichier .js pour le programme datepicker, il écrasera le fichier précédent et le programme datepicker ne fonctionnera pas.