Saisie de dates via calendrier

Soyez le premier à donner votre avis sur cette source.

Vue 45 807 fois - Téléchargée 34 783 fois

Description

Ce petit bout de code permet d'insérer facilement une date dans un champ de formulaire. Très pratique lorsqu'il faut que l'utilisateur entre des dates (ben oui, forcément...). C'est en fait un calendrier sous forme de popup qui vous permet de choisir le jour, le mois et l'année. Une fois tout ça choisi, en cliquant sur le jour, toutes les données (jour, mois et année) viennent s'afficher automatiquement dans le champ désiré.
Ce code est vraiment uniquement pour la saisie de date. Le calendrier ne permet pas d'agender quoi que ce soi. Mais si quelqu'un veut rajouter cette possibilité, pas de problème :) !

Maintenant, lorsqu'il y a déjà qqch dans le champ texte, ça le prend en compte. Donc quand la popup apparaît, elle ne se load plus sur la date courante mais sur la date choisie dans le champ texte
      • Cette option ne fonctionne qu'avec le calendrier objet (désolé) ***

Source / Exemple :


/**

  • Pour ceux qui utilisent déjà le calendrier, voilà les modifications à apporter au code pour que cette option fonctionne
  • Dans le code HTML, l'url du window.open doit avoir un paramètre en plus, en l'occurence "defaut" qui vaut la date du champ. Ici, j'ai mis une valeur en dur, mais l'ideal est d'avoir une variable PHP (la même qu'on place dans le champ au chargement de la page)
  • /
<a href="#" onClick="window.open('popups/pop.calendrier.php?frm=frm&ch=dat&defaut=2006-12-9', 'calendrier', 'width=320, height=180')"><img src="imgs/calendar.gif"/></a> /**
  • Pour le reste, c'est dans les fichiers. Il faut simplement remplacer le fichier pop.calendrier.php, lass.calendrier.php et calendrier.css
  • /

Conclusion :


N'utilise pas MySQL.
Tout est fait via mktime et date.
Il y a quelques possibilités de personnalisation. L'ensemble de l'affichage est géré par CSS, donc customizable à souhait. De plus, il est possible de choisir le formattage de la date dans le champ (JJ-MM-AAAA ou AAAA.MM.JJ ou n'importe quoi d'autre).

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

lodjen
Messages postés
1
Date d'inscription
jeudi 25 mars 2010
Statut
Membre
Dernière intervention
25 mars 2012
-
Bonjour, je suis très débutante en java et je voudrai savoir est ce que je peux intégrer ce calendrier dans mon projet j2ee. Si oui, savez vous ou placer les fichier? du genre est ce que je les place dans WebContent ? Merci :)
iceman10007
Messages postés
1
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
25 janvier 2012
-
Bonjour,

Lorsque le calendrier s'affiche, il manque une ligne entre la 4eme et 5eme semaine.

C'est tout...... mais aussi et surtout merci ;)
chevaliertsubasa1er
Messages postés
4
Date d'inscription
vendredi 18 novembre 2011
Statut
Membre
Dernière intervention
21 novembre 2011
-
Bonjour
Je viens de trouver votre calendrier et il correspond exactement à ce que je recherche.
Mais j'ai un pb pour l'intégrer dans ma page web.
Il s'ouvre bien lorsque je clic sur l'icône mais rien ne ce passe sur une date. Je n'arrive pas à récupèrent dans mon formulaire la date.
Pourriez vous svp m'aider.
Http://lechaletdesacacias.free.fr/reservation.php

Merci de votre aide.
fixetmy
Messages postés
1
Date d'inscription
mercredi 24 mai 2006
Statut
Membre
Dernière intervention
2 août 2011
-
Bonjour,
je découvre ce script que je trouve simple et très utile. Bravo !
En revanche, j'ai un souci pour afficher le calendrier (le simple) à l'endroit de mon champ INPUT . A l'ouverture du calendrier, ma page initiale se réinitialise sur le haut de page. J'ai essayé de bidouiller avec moveBy mais rien à faire.
En sélectionnant la date dans le calendrier, elle renseigne bien le input mais l'affichage reste en haut de page.

Avez-vous une idée ?
Snaf0u
Messages postés
1
Date d'inscription
mardi 8 février 2011
Statut
Membre
Dernière intervention
8 février 2011
-
Travail remarquable =)

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.