Saisie de dates via calendrier

Télécharger le projet
Commenter

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).
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

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.

Du même auteur (rekam)