Discussion :

[darkman13130]

Bonjour,

Après plusieurs heures de recherche je n'arrive toujours pas à ouvrir un datepicker sur mon input.

Voici mon code

Code :

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

1
2
3
4
5
6
7
 
<link href="@Url.Content("~/Content/themes/base/datepicker.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/bootstrap-datepicker.js")" type="text/javascript"></script>
$(function () {
                $('#dp').datepicker();
            });
<input type="text"  id="dp"/>

Quand je clique sur le input rien ne se passe !

Merci pour votre aide

[katkiller]

Salut,

A première vu tu essai de mettre ton "datepicker" avant que ton contrôle ne soit "créé".
Si tu utilise JQuery :

Code :

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

1
2
3
4
5
6
<link href="@Url.Content("~/Content/themes/base/datepicker.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/bootstrap-datepicker.js")" type="text/javascript"></script>
$(document).ready(function () {
                $('#dp').datepicker();
            });
<input type="text"  id="dp"/>

Sinon met ton code javascript à la fin de ton Html, tu sera sur que le DOM sera chargé !

[darkman13130]

Merci pour cette réponse mais j'ai toujours la même chose

Salut,

A première vu tu essai de mettre ton "datepicker" avant que ton contrôle ne soit "créé".
Si tu utilise JQuery :

Code :

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

1
2
3
4
5
6
<link href="@Url.Content("~/Content/themes/base/datepicker.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/bootstrap-datepicker.js")" type="text/javascript"></script>
$(document).ready(function () {
                $('#dp').datepicker();
            });
<input type="text"  id="dp"/>

Sinon met ton code javascript à la fin de ton Html, tu sera sur que le DOM sera chargé !

[elbj]

Hello

Mon conseil pour ce qu'il vaut.

Dans ton Layout tu mets ton JS

Code :

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

1
2
3
$(document).ready(function () {
                $('.datepicker').datepicker();
            });

Note bien que ce n'est plus un objet ayant l'id "dp" mais tout objet ayant la classe "datepicker" qui est impacté.

Puis tu peux poser :

Code :

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

<input type="text"  id="dp" class="datepicker"/>

Comme ça, en plus, à chaque fois que tu as besoin d'un datepicker tu n'as qu'à rajouter ce nom de classe.

[darkman13130]

Merci pour ton retour, mais ça ne fonctionne toujours pas

[darkman13130]

Bonjour je viens de réussir avec cette solution https://github.com/eternicode/bootstrap-datepicker

Merci pour votre aide