Pour l'utiliser, il y a plusieurs choses à faire :
1°) Tu copie les fichiers
calendar-win2k-1.css
calendar.js
lang/calendar-fr.js
calendar-setup.js
sur ton serveur (les fichiers sont disponibles
ici)
2°) entre les balises <head> et </head>, tu mets les lignes suivantes :
<style type="text/css">@import url(calendar-win2k-1.css);</style>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="lang/calendar-fr.js"></script>
<script type="text/javascript" src="calendar-setup.js"></script>
3°) Dans ton formulaire (entre les balises <form> et </form>) tu rajoutes ceci :
<input type="text" id="ma_date" name="ma_date" />
<button id="trigger">...</button>
4°) à la fin de ton formulaire (juste apr_s la balise </form>)
tu mets ça :
<script type="text/javascript">
Calendar.setup(
{
inputField : "ma_date", // ID of the input field
ifFormat : "%l %j %F %Y", // the date format
button : "trigger" // ID of the button
}
);
</script>
Dans ton script php, tu pourras récupérer la valeur de la date comme ceci :
<?php
$ma_date = $_POST["ma_date"];
?>