jQuery (“”) .datepicker ({}) ne fonctionne pas dans IE7 / 8 - jquery-ui, jquery, jquery-selectors

Mon code est

    jQuery(function() {
jQuery("#fromDatepicker").datepicker({
changeMonth : true,
changeYear : true,
dateFormat: "mm/dd/yy"
});
});
jQuery(function() {
jQuery("#toDatepicker").datepicker({
changeMonth : true,
changeYear : true,
dateFormat: "mm/dd/yy"
});
});

et les champs de saisie sont

<input type="text" id="fromDatepicker" name="searchStartDate"  size="20">
<input type="text" id="fromDatepicker" name="searchStartDate"  size="20">

le calendrier est affiché mais,

lorsque je sélectionne une date dans le calendrier, celle-ci ne sélectionne pas et n'entre pas la date dans le champ de texte.

j'utilise

1. jquery-1.6.2.js
2. jquery-1.6.2.min.js
3. jquery.ui.core.js
4. jquery.ui.datepicker.js
5. jquery.ui.datepicker.css

Réponses:

Vous incluez deux fois la même version de jQuery, jquery-1.6.2.js et jquery-1.6.2.min.js. Il suffit de charger le dernier et cela devrait arrêter certains des problèmes que vous rencontrez.

De plus, vous avez inutilement mis le code en 2 jQuery(); les appels, ils pourraient être mis dans un comme celui-ci

jQuery(function() {
jQuery("#fromDatepicker").datepicker({
changeMonth : true,
changeYear : true,
dateFormat: "mm/dd/yy"
});

jQuery("#toDatepicker").datepicker({
changeMonth : true,
changeYear : true,
dateFormat: "mm/dd/yy"
});
});

Vous pouvez simplifier un peu cette chose:

<input type="text" id="fromDatepicker"  size="20" />
<input type="text" id="toDatepicker"  size="20" />


jQuery(function() {
jQuery("#fromDatepicker, #toDatepicker").datepicker({
changeMonth: true,
changeYear: true,
dateFormat: "mm/dd/yy"
});
});

Voir en action ici: http://jsfiddle.net/MarkSchultheiss/jUsTr/

En mettant la virgule entre les sélecteurs, ils sont deux sélecteurs.