<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>calcul date RP</title>
</head>
<body>
<div>
<!-- bibliothèque jquery herbergée par google.app -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<!-- extension jquery.UI servant au calendrier herbergée par google.app -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//localisation du plugin en francais
jQuery(function($){
$.datepicker.regional['fr'] = {clearText: 'Effacer', clearStatus: '',
closeText: 'Fermer', closeStatus: 'Fermer sans modifier',
prevText: 'Préc', prevStatus: 'Voir le mois précédent',
nextText: 'Suiv', nextStatus: 'Voir le mois suivant',
currentText: 'Courant', currentStatus: 'Voir le mois courant',
monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin',
'Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun',
'Jul','Aoû','Sep','Oct','Nov','Déc'],
monthStatus: 'Voir un autre mois', yearStatus: 'Voir un autre année',
weekHeader: 'Sm', weekStatus: '',
dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
dayStatus: 'Utiliser DD comme premier jour de la semaine', dateStatus: 'Choisir le DD, MM d',
dateFormat: 'dd/mm/yy', firstDay: 0,
initStatus: 'Choisir la date', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['fr']);
});
//ajout du module de selection de date via le plugin jquery.ui
$('.calendar').datepicker();
$('#dateConversion').change(function(){
//on parse la date format français JJ/MM/AAAA
var tab = $(this).val().split('/');
var d = new Date(tab[2], tab[1], tab[0]);
//calcul du jour de l'année (24h x 3600sec x 1000 ms = 86400000)
var d2 = new Date(tab[2],1,1);
var DoY = Math.ceil((d - d2 + 1 )/ 86400000);
var t = 0;
var complement = 'ème';
var saison = '';
//on split les jours en fonction des saisons
//impossible de faire un switch case avec des inégalités en js...
if(DoY > 270){
t = DoY - 270;
saison = 'saison du Colosse';
}else{
if(DoY > 180){
t = DoY - 180;
saison = 'saison du Scion';
}else{
if(DoY > 90){
t = DoY - 90;
saison = 'saison du Phénix';
}else{
t = DoY
saison = 'saison du Zéphyr';
}
}
}
//histoire de pas afficher le 1ème, ça fait moche
if(t == 1)
{
complement = "er";
}
//on envoie le résultat a l'affichage
$('#resultatConversion').html(t.toString() + complement + ' jour de la ' + saison);
});
});
</script>
<!-- on fait un formulaire pour éviter l'utilisation de "entrée" qui provoquerait la validation du formulaire principal, on pourra capturer l'event via js -->
<form action="#" method="GET" id="miniForumulaire">
<input type="text" value="" id="dateConversion" class="calendar" />
<span id="resultatConversion"></span>
</form>
</div>
</body>
</html>
Jeu 7 Nov - 11:23
