[Débutant]utilisation du datePicker de JQuery

Fermé
Epeire Messages postés 11 Date d'inscription dimanche 6 février 2011 Statut Membre Dernière intervention 11 octobre 2011 - 6 févr. 2011 à 11:35
Epeire Messages postés 11 Date d'inscription dimanche 6 février 2011 Statut Membre Dernière intervention 11 octobre 2011 - 9 févr. 2011 à 00:01
Bonjour,


j'ai souhaité utiliser le datePicker de JQuery pour une page web (voir ici de quoi je parle https://jqueryui.com/datepicker/ )

il s'affiche tout simplement de la manière suivante dans mon code html:

<p id="date3"></p> // c'est suffisant pour voir apparaitre ce que je voulais

sauf qu'après je ne trouve pas comment récupérer les dates pour les réutiliser en php...

Donc je pense que c'est un gros morceaux pour un débutant (ou j'ai rien compris ^^) donc j'apprécierais un peu d'aide sur ce point pour comprendre ce que je dois faire... Merci d'avance.

10 réponses

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
6 févr. 2011 à 12:23
Le script sur la page donnée ne fonctionne pas.
Utilise le vrai plugin de jQuery UI.
1
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
6 févr. 2011 à 12:28
Efface les fichiers téléchargés sur jgrayweb et retire les modifications faites dans tes pages Web.

Recommence avec le vrai plugin jQuery UI :
https://jqueryui.com/download/
1
Epeire Messages postés 11 Date d'inscription dimanche 6 février 2011 Statut Membre Dernière intervention 11 octobre 2011 2
6 févr. 2011 à 12:51
Je te remercie, il y a indéniablement du mieux ;)

(le calendrier reste avec input)

cela dit, est ce que tu auras une idée de où je dois remettre les fichiers précédemment utilisés à partir de la démo pour retrouver les différents sous-type de calendrier ?
1
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
6 févr. 2011 à 13:47
Tu ne dois plus utiliser les fichiers de jgrayweb.

Pour paramètrer le calendrier, tu as tout ce qu'il te faut sur
https://jqueryui.com/datepicker/
Dans la liste à droite : les démonstrations avec le code source
Dans les onglets en-dessous : toutes les options et autres fonctionnalités.
1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
6 févr. 2011 à 11:39
Salut.

Il faut utiliser un <input />, pas un <p>

Par exemple :
<form method="post" action="cible.php">
    <p>
        <input type="text" name="date3" id="date3" />
        <input type="submit" />
    </p>
</form>


Sur cible.php, tu pourras récupérer la date avec $_POST['date3'].
https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql/913099-transmettez-des-donnees-avec-les-formulaires
0
Epeire Messages postés 11 Date d'inscription dimanche 6 février 2011 Statut Membre Dernière intervention 11 octobre 2011 2
6 févr. 2011 à 11:56
J'y ai pensé, mais le problème c'est que ça annhile le calendrier qui apparaissait à l'écran, ne laissant qu'un texte area.

En fait, il n'accepte pas le "input" dans le meilleur des cas il lui faut ça :

<p>
<p type="text" name="date3" id="date3" />
<input type="submit" />
</p>

pour s'afficher correctement... A ce stade il faut aller fouiner dans les fichiers javascript pour changer quelque chose non ?
0
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
6 févr. 2011 à 11:59
Mais si, il accepte les input.
D'ailleur, c'est pour ça qu'il a été fait.

Regarde le code source des exemples :
https://jqueryui.com/datepicker/
(en cliquant sur le lien « View source » avant les onglets)

Et <p />, ça n'existe pas. C'est <p></p>.
0
Epeire Messages postés 11 Date d'inscription dimanche 6 février 2011 Statut Membre Dernière intervention 11 octobre 2011 2
6 févr. 2011 à 12:16
et pourtant il n'y a que ça comme ça que ce que j'ai là fonctionne... Enfin pour être plus précis, j'ai réutilisé une partie du code de la démo suivante:

http://ui.jgrayweb.com/scripts/jq/demos/datepicker/index.html

où là c'est bien ce qu'ils ont utilisés... Cela dit j'ai du m'emmêler les pinceaux en voulant aller vite. Mais il n'empêche qu'avec le input, le calendrier que je veux ne s'affiche pas... C'est vrai que c'est curieux.

(mais j'avais pas prévu de faire du javascript à la base et j'ai découvert ça en me disant que ce serait vraiment plus pratique en fait, c'est aussi pour ça que je suis aussi paumée sur ce qu'il aurait fallu faire ou pas...)
0
Epeire Messages postés 11 Date d'inscription dimanche 6 février 2011 Statut Membre Dernière intervention 11 octobre 2011 2
6 févr. 2011 à 12:26
j'ai installé les fichiers proposés en téléchargement sur cette page (où là les démos marchent ;) ) et comme mon calendrier s'affichait, je n'ai pas vu de suite qu'il y avait un souci. Il y a autre chose à télécharger quelque part ?
0
Epeire Messages postés 11 Date d'inscription dimanche 6 février 2011 Statut Membre Dernière intervention 11 octobre 2011 2
9 févr. 2011 à 00:01
Merci, maintenant ça fonctionne nickel !
0