Your IP : 216.73.216.249
[(#REM)
/!\ Cette saisie nécessite du javascript pour fonctionner.
En absence de JS, seul un champ de saisie texte est affiché.
Cette saisie cree 3 champs a partir d'une date au format datetime mysql.
A chaque modification, un champ cache est modifie, contenant la date au format datetime.
Options :
- label_(jour|mois|annee)
- size_(jour|mois|annee)
- maxlength_(jour|mois|annee)
- datetime, par défaut oui. Si pas oui, utilisera une date au format aaaa-mm-jj au lieu d'un datetime mysql
[(#SAISIE{date_jour_mois_annee, date_naissance,
label=Date de naissance
})]
]
#SET{valeur,#ENV{valeur,#ENV{defaut}}}
[(#SET{id,[(#ENV**|md5|substr{0,6})]})]
<input type='text' name="#ENV{nom}" id="#GET{id}" value="[(#GET{valeur}|sinon{0000-00-00[(#ENV{datetime,oui}|=={oui}|oui)00:00:00]})]" class='datetime' />
<script type='text/javascript'>
function activer_dateur_#GET{id}() {
jour = '\
<div class="choix">\
[<label for="champ_#ENV{nom}_jour">(#ENV{label_jour,<:saisies:label_jour:>})</label>]\
<input type="text" name="#ENV{nom}_jour" class="text date_jour[ (#ENV{class})]" id="champ_#ENV{nom}_jour"[ value="(#GET{valeur}|journum)"][ size="(#ENV{size_jour, 2})"][ maxlength="(#ENV{maxlength_jour, 2})"][ disabled="(#ENV{disable})"][ readonly="(#ENV{readonly})"][(#ENV{obligatoire}|et{#HTML5}|oui) required="required"] onChange="changer_la_date(this);" />\
</div>\
';
mois = '\
<div class="choix">\
[<label for="champ_#ENV{nom}_mois">(#ENV{label_mois,<:saisies:label_mois:>})</label>]\
<input type="text" name="#ENV{nom}_mois" class="text date_mois[ (#ENV{class})]" id="champ_#ENV{nom}_mois"[ value="(#GET{valeur}|mois)"][ size="(#ENV{size_mois, 2})"][ maxlength="(#ENV{maxlength_mois, 2})"][ disabled="(#ENV{disable})"][ readonly="(#ENV{readonly})"][(#ENV{obligatoire}|et{#HTML5}|oui) required="required"] onChange="changer_la_date(this);" />\
</div>\
';
annee = '\
<div class="choix">\
[<label for="champ_#ENV{nom}_annee">(#ENV{label_annee,<:saisies:label_annee:>})</label>]\
<input type="text" name="#ENV{nom}_annee" class="text date_annee[ (#ENV{class})]" id="champ_#ENV{nom}_annee"[ value="(#GET{valeur}|annee)"][ size="(#ENV{size_annee, 4})"][ maxlength="(#ENV{maxlength_annee, 4})"][ disabled="(#ENV{disable})"][ readonly="(#ENV{readonly})"][(#ENV{obligatoire}|et{#HTML5}|oui) required="required"] onChange="changer_la_date(this);" />\
</div>\
';
if(!$.browser.msie || parseInt($.browser.version) >= 9)
jQuery('##GET{id}')[0].type = 'hidden';
else
jQuery('##GET{id}').css({'height':'0px','width':'0px','border':'none'});
jQuery('##GET{id}').after(jour + mois + annee);
}
function changer_la_date(me) {
var li = jQuery(me).parents('li'),
jour = jQuery.trim(li.find('.date_jour').val()),
mois = jQuery.trim(li.find('.date_mois').val()),
annee = jQuery.trim(li.find('.date_annee').val()),
date = jQuery.trim(li.find('.datetime').val());
while(jour.length < 2) {jour = '0' + jour;}
while(mois.length < 2) {mois = '0' + mois;}
while(annee.length < 4) {annee = '0' + annee;}
[(#ENV{datetime,oui}|=={oui}|oui)
date = annee + '-' + mois + '-' + jour + date.substring(10);]
[(#ENV{datetime,oui}|=={oui}|non)
date = annee + '-' + mois + '-' + jour;]
li.find('.datetime').attr('value',date);
}
jQuery(document).ready(function(){
activer_dateur_#GET{id}();
});
</script>