Sujet : Probléme Date picker avec input Text

Bonjour,

J'utilise le plugin Jquery datepicker , pour mon cas j'ai trois input Text pour selectionner trois dates différents avec trois icones.

Vu la particularité de l'architecture de mon projet j 'utlise la balise img pour faire réference a l'icone calendrier, ça marche brillament, juste je veux ouvrir mon calendrier que lorsque je clique sur cette icone.

Pour l'instant, lors de mon click sur l'icone, il ya un attachment de mon Input TextFiled avec DatePicker, d'ou lorsque je clique sur le Text le calendrier s'ouvre, ce que je veux pas.
ci dessus mon code:

<tr>
<td valign="top">Date 1</td>
<td valign="top">
   <input type="text" name="deliv_1" id="date_1" value="" size="9" /></td>
<td valign="baseline">
<img name="date_1" src=" ../calendrier-web.png" onClick="deliv_1.blur () ; deliv_1.focus () ; deliv_1.click () ; calendar (name) ;"></td>
</tr>
<tr>
<tr>
<td valign="top">Date 2</td>
<td valign="top">
   <input type="text" name="deliv_2" id="date_2" value="" size="9" /></td>
<td valign="baseline">
<img name="date_2" src=" ../calendrier-web.png" onClick="deliv_2.blur () ; deliv_2.focus () ; deliv_2.click () ; calendar (name) ;"></td>
</tr>
<tr>
<td valign="top">Date 3</td>
<td valign="top">
   <input type="text" name="deliv_3" id="date_3" value="" size="9" /></td>
<td valign="baseline">
<img name="date_3" src=" ../calendrier-web.png" onClick="deliv_3.blur () ; deliv_3.focus () ; deliv_3.click () ; calendar (name) ;"></td>
</tr>


et pour la fonction calendar :

function calendar (name) {
$(function() {
    el = document.getElementById(name);
    $(el).datepicker({dateFormat: 'dd-M-yy'});
   
});
}

et j 'ai le fichier Javascript complet pour date Picker.

Pouvez vous s'il vous plais m'aider a détacher mon input TExt de datepicker afin d'avoir mon calendrier que lorsque je clique sur l'icone.

Merci.

2

Re : Probléme Date picker avec input Text

$( ".datepicker" ).datepicker({
    showOn: "button",
    buttonImage: "images/calendar.gif",
    buttonImageOnly: true
});