Modification automatique de l'âge

Version imprimable

08/07/2019, 23h55
Tony Lau

Modification automatique de l'âge

Bon.jour.soir à toutes et à tous,

Je suis débutant en dev web et je n'ai que survolé les langages HTML et CSS pour l'instant, je ne suis donc peut-être pas
dans la bonne section pour mon "problème" mais je suppose qu'il me faut un script javaScript pour répondre à mes attentes.

J'aimerai, un peu à l'image des pages wikipédia, que l'âge que je rentrerai via une date, se modifie automatiquement.
Si par exemple:
Mr S est né le 9 juillet 1989, l'âge affiché sur sa page serait aujourd'hui de 29ans et demain 30 ans ^^

Voilà, j'espère avoir été clair afin que vous puissiez m'aider, merci d'avance

Code:

1
2
3
4
5
6
7
8
9
10
function calculAge(startDate) {
  let age = new Date( Date.now() - startDate.getTime() )
  return (age.getUTCFullYear() - 1970) 
}
var DateZero = new Date( 2000,0,1)  // 1 janvier 2000 (Janvier = mois n°zéro)
 
// testé le  9 Juillet 2019 ==
console.log( ' 1 janvier 2000 => ', calculAge(DateZero), 'ans' )                  // 19 ans
console.log( ' 9 Juillet 1989 => ', calculAge(new Date( 1989,6,9) ), 'ans' )      // 30 ans
console.log( '10 Juillet 1989 => ', calculAge(new Date( 1989,6,10) ), 'ans' )     // 29 ans

09/07/2019, 09h11
SpaceFrog

Une différence de date serait plus précise qu'une soustraction d'années ...
09/07/2019, 10h33
javatwister

Code:

console.log("Vous avez ", new Date().getFullYear() - new Date(1789,6,14).getFullYear() , " ans.")

oui bon, pour plus de précision

Code:

console.log("Vous avez ",parseInt((Date.now() - new Date(1789,6,14)) / (365.25*24*3600*1000)), " ans.")
09/07/2019, 15h01
SpaceFrog

Aller JT un petit effort: ans mois jour heures minutes secondes millisecondes
:ptdr:

Bonjour,

1- (sauf erreur *) AUCUN de vous ne répond vraiment à la question... :calim2:
(* ou c'est moi qui n'ai pas compris vos codes... !)

Il ne s'agit pas de considérer uniquement l'année.

Nous sommes le 9 juillet.
Prenons 2 personnes nées la même année :

celle née AVANT le 9 juillet (inclu) aura 1 AN DE PLUS que celle née APRES le 9 juillet (exclu).

Il faut donc prendre en compte aussi le mois et le jour de naissance.

2- On trouve pléthore de script sur le web...

Dont celui-ci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 /** * Tells you the age from a string date * @param dateString Date in string format ex: "1981/3/27" * @return integer The calculated age **/ function getAge( dateString ) { var today = new Date(); var birthDate = new Date(dateString); var age = today.getFullYear() - birthDate.getFullYear(); var m = today.getMonth() - birthDate.getMonth(); if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) { age--; } return age; }
Code:

1 2 3 console.log( getAge( "1989/7/5" ) ); // -> 30 console.log( getAge( "1989/7/9" ) ); // -> 30 console.log( getAge( "1989/7/15" ) ); // -> 29

09/07/2019, 15h53
Tony Lau

Merci à tous pour vos réponses, je vais profiter de mon temps libre pour étudier un peu JavaScript https://wiki.jvflux.com/images/9/90/Oui.gif
09/07/2019, 17h51
psychadelic

Citation:

Envoyé par SpaceFrog

Une différence de date serait plus précise qu'une soustraction d'années ...

Absolument d'accord, d'ailleurs c'est précisément la méthode que j'ai prise.

Citation:

Envoyé par jreaux62

Bonjour,
1- (sauf erreur) AUCUN de vous ne répond vraiment à la question... :calim2:

OK, j'ai ajouté 2 autres exemples de calcul pour montrer les 30 et 29ans...
09/07/2019, 18h22
Invité
Citation:
Envoyé par psychadelic

Code:

1 2 3 console.log( ' 9 Juillet 1989 => ', calculAge(new Date( 1989,6,9) ), 'ans' ) // 30 ans console.log( '10 Juillet 1989 => ', calculAge(new Date( 1989,6,10) ), 'ans' ) // 29 ans
Y'a comme un défaut, non ? :koi:
( 1989,6,9) / ( 1989,6,10) -> le "6" fait plutôt penser... au mois de JUIN, non ?

Et pourtant, ton code semble fonctionner correctement...
Peux-tu expliquer ?
09/07/2019, 18h27
javatwister

Citation:

Il faut donc prendre en compte aussi le mois et le jour de naissance.

Oui oui j'ai compris, d'où l'édit, qui fait exactement ce que tu proposes...

Les mois commencent à zéro (=janvier);
09/07/2019, 20h28
psychadelic

Citation:

Envoyé par jreaux62

Y'a comme un défaut, non ? :koi:
( 1989,6,9) / ( 1989,6,10) -> le "6" fait plutôt penser... au mois de JUIN, non ?

Et pourtant, ton code semble fonctionner correctement...
Peux-tu expliquer ?

dans cette formulation JS pour créer une date à partir de 3 entiers, le premier mois est le mois n° zéro
comme je l'avais déjà indiqué dans mon premier post var DateZero = new Date( 2000,0,1) // 1 janvier 2000 (Janvier = mois n°zéro).

C'est indiqué dans la Doc MDN : ( https://developer.mozilla.org/fr/doc...aram%C3%A8tres )

Citation:

indexMois
Valeur d'un entier représentant le mois, commençant à partir de 0 pour janvier jusqu'à 11 pour Décembre.
09/07/2019, 20h53
Invité

@psychadelic
Ce n'est pas à moi qu'il faut l'expliquer, mais à celui qui a ouvert cette discussion.
09/07/2019, 21h37
Tony Lau

Citation:

Envoyé par jreaux62

@psychadelic
Ce n'est pas à moi qu'il faut l'expliquer, mais à celui qui a ouvert cette discussion.

Haha, ça je le savais. ~~pour une fois~~