Discussion :

[Tony Lau]

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

[psychadelic]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

[javatwister]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

oui bon, pour plus de précision

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

[Invité]

Bonjour,

1- (sauf erreur *) AUCUN de vous ne répond vraiment à la question...
(* 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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Tony Lau]

Merci à tous pour vos réponses, je vais profiter de mon temps libre pour étudier un peu JavaScript

[psychadelic]

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.

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

OK, j'ai ajouté 2 autres exemples de calcul pour montrer les 30 et 29ans...

[Invité]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?
( 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 ?

[javatwister]

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);

[psychadelic]

Y'a comme un défaut, non ?
( 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 )

indexMois
Valeur d'un entier représentant le mois, commençant à partir de 0 pour janvier jusqu'à 11 pour Décembre.

[Invité]

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

[Tony Lau]

@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