DatePicker Boostrap 2.3.2

Bonjour,

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

Voici mon code

Code:

---

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

Salut,

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

Code:

---

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é !

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

Citation:

---

Envoyé par 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:

---

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é !

---

Hello

Mon conseil pour ce qu'il vaut.

Dans ton Layout tu mets ton JS

Code:

---

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:

---

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

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

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

Merci pour votre aide