Id dynamique dans datepiker [Résolu]

[lykan]

Bonjour à tous,

Alors voila j'utilise JQuery et et particulièrement Datepicker pour afficher un calendrier.

Je vous explique :

J'ai un input avec un onclick qui va chercher datepicker :

Code :

<input type="text" id="datepicker123" onclick="piker()"

et ma fonction JQuery :

Code :

1
2
3
4
 
function RecupDate() {
    $("#datepicker123").datepicker($.datepicker.regional["fr"]);
}

Tout fonctionne à merveille, seulement j'aimerais attribuer l'ID de façon dynamique, alors voici se que j'ai fait :

Code :

1
2
 
<input type="text" id="datepicker123" onclick="piker('datepicker123')" />

et ma fonction JQuery :

Code :

1
2
3
4
 
function RecupDate(ID) {
    $("#"+ID).datepicker($.datepicker.regional["fr"]);
}

Alors ceci fonctionne seulement je suis obligé de cliquer sur mon input, resortir, puis rerentrer à nouveau pour avoir le calendrier qui s'affiche.

Donc j'aimerais que ça s'affiche dès le début...

Avez vous une idée?

PS : Avis au Webmaster, lorsque je mets la balise "inférieur à" pour fermer mon input, j'arrive pas à envoyer mon post...

[Pilru]

Le plus simple, à mon avis, serait de placer une class sur les input :

Code :

<input type="text" id="datepicker123" class="date" onclick="piker()"

Et en javascript :

Code :

1
2
3
4
 
$(document).Ready(function () {
  $(".date").datepicker($.datepicker.regional["fr"]);
});

[lykan]

Merci mais le problème est que j'ai dans un tableau, pleins de input qui utilise datepicker, donc il faut bien les différencier pour que le datepicker m'affiche bien la date sur le input que je lui est demandé...

[Pilru]

Ben justement, le code que j'ai indiqué fonctionnera très bien.

[lykan]

Cela fonctionne oui, mais j'ai oublié de préciser que j'avais des styles différents pour les dates :s

Et en plus, mais style sont gu genre : class="style1 style2 style3" et j'ai essayé ça ne fonctionne pas.

[Bovino]

Au point où tu en es, je ne vois pas trop ce qui t'empêche de rajouter une classe "date" à tes input

[lykan]

Ouai bon je vais utiliser cette méthode, je ne trouve pas ça propre avec les style mais bon...

Pour conclure :

Mes inputs :

Code html :

1
2
3
4
Date1: <input type="text" class="style1 style2 datepicker" id="datepicker121" onclick="piker()" />
Date2: <input type="text" class="style1 style2 datepicker" id="datepicker122" onclick="piker()" />
Date3: <input type="text" class="style1 style2 datepicker" id="datepicker123" onclick="piker()" />
Date3: <input type="text" class="style1 style2 datepicker" id="datepicker124" onclick="piker()" />

ma fonction :

Code :

1
2
3
4
 
$(function piker() {
    $(".datepicker").datepicker($.datepicker.regional["fr"]);
});

JQuery arrive bien à différencier les inputs entre eux

Merci à tous

PS : Toujours le problème de la balise "inférieur à" qui fait bugué l'envois du post.

[Bovino]

Envoyé par lykan

PS : Toujours le problème de la balise "inférieur à" qui fait bugué l'envois du post.

En l'occurence, la fermeture, c'est plutôt "supérieur à", mais c'est bien la première fois que j'entends ce genre de problème

[SpaceFrog]

j'ai rajouté les /> fermant des inputs sans soucis dans tes post ...

[lykan]

oui "supérieur à" pardon et moi je viens de les supprimer pour réessayer de les mettre mais cela ne fonctionne toujours pas lol bon bref c'est chez moi que ça doit coincer...

c'est pas important.

merci