Bonjour,

Je souhaite intégrer le datepicker bootstrap dans mon projet (Sf2), après pas mal de galère j'arrive enfin à afficher un "truc" sur le clique de ma textBox. Mais l'affichage est vraiment particulier j'ai presque rien dans le datePicker voir l'image jointe.

Nom : datePick.jpg
Affichages : 1644
Taille : 14,9 Ko

Le chargement de mes fichiers CSS :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<link href="{{ asset('dist/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('dist/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet" media="screen">   
<link href="{{ asset('dist/css/dashboard.css') }}" rel="stylesheet">
<link href="{{ asset('dist/css/theme.css') }}" rel="stylesheet">

Puis le chargement de mes fichiers JS :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="{{ asset('dist/js/bootstrap.min.js') }}" ></script>            
<script type="text/javascript" src="{{ asset('dist/js/bootstrap-datepicker.js') }}" charset="UTF-8"></script>
<script type="text/javascript" src="{{ asset('dist/js/bootstrap-datetimepicker.fr.js') }}" charset="UTF-8"></script>

Maintenant mon code html :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<div class="col-xs-6 datepicker">
    <div class="input-group" id="dateFin">
        <span class="input-group-addon">Date de fin</span>
        {{ form_widget(form.dateEnd,  { 'attr': {'class': 'form-control'}}) }}
    </div>
</div>

Puis l'appel du js :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
jQuery(document).ready(function() {
jQuery('.datepicker').datepicker();
})
Quelqu'un à une idée ?? je suis au bout du rouleau...