Discussion :

[timal78]

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.



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...

[timal78]

Hi,

Pour information j'ai deux erreurs dans mon navigateur :

TypeError: Cannot read property 'dates' of undefined
http://localhost/Monprojet/web/dist/js/bootstrap-datetimepicker.fr.js:6

la ligne en question est la suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$.fn.datetimepicker.dates['fr']

Et :

TypeError: Cannot read property 'split' of undefined
http://localhost/Monprojet/web/dist/js/bootstrap-datepicker.js:393&host=localhost

la ligne en question est la suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var parts = date.split(format.separator),

[timal78]

Bonjour,

Pour info j'ai juste changer l'ordre des insert de fichier JS et CSS et ça fonctionne

Merci,

Ju