Obtenez l'année en cours en JavaScript

Question

Comment obtenir l'année en cours en JavaScript ?

Answer 1

Pour l'année en cours, nous pouvons utiliser getFullYear() from Date Cependant, il existe de nombreuses fonctions que vous pouvez utiliser en fonction de vos besoins, notamment les fonctions suivantes,

var now = new Date()
console.log("Current Time is: " + now);

// getFullYear function will give current year 
var currentYear = now.getFullYear()
console.log("Current year is: " + currentYear);

// getYear will give you the years after 1990 i.e currentYear-1990
var year = now.getYear()
console.log("Current year is: " + year);

// getMonth gives the month value but months starts from 0
// add 1 to get actual month value 
var month = now.getMonth() + 1
console.log("Current month is: " + month);

// getDate gives the date value
var day = now.getDate()
console.log("Today's day is: " + day);

Answer 2

Vous pouvez simplement utiliser le javascript comme ceci. Sinon, vous pouvez utiliser momentJs Plugin qui aide dans les grandes applications.

new Date().getDate()          // Get the day as a number (1-31)
new Date().getDay()           // Get the weekday as a number (0-6)
new Date().getFullYear()      // Get the four digit year (yyyy)
new Date().getHours()         // Get the hour (0-23)
new Date().getMilliseconds()  // Get the milliseconds (0-999)
new Date().getMinutes()       // Get the minutes (0-59)
new Date().getMonth()         // Get the month (0-11)
new Date().getSeconds()       // Get the seconds (0-59)
new Date().getTime()          // Get the time (milliseconds since January 1, 1970)

function generate(type,element)
{
    var value = "";
    var date = new Date();
    switch (type) {
        case "Date":
            value = date.getDate();     // Get the day as a number (1-31)
            break;
        case "Day":
            value = date.getDay();      // Get the weekday as a number (0-6)
            break;
        case "FullYear":
            value = date.getFullYear(); // Get the four digit year (yyyy)
            break;
        case "Hours":
            value = date.getHours();    // Get the hour (0-23)
            break;
        case "Milliseconds":
            value = date.getMilliseconds(); // Get the milliseconds (0-999)
            break;
        case "Minutes":
            value = date.getMinutes();     // Get the minutes (0-59)
            break;
        case "Month":
            value = date.getMonth();    // Get the month (0-11)
            break;
        case "Seconds":
            value = date.getSeconds();  // Get the seconds (0-59)
            break;
        case "Time":
            value = date.getTime();     // Get the time (milliseconds since January 1, 1970)
            break;
    }

    $(element).siblings('span').text(value);
}

li{
  list-style-type: none;
  padding: 5px;
}

button{
  width: 150px;
}

span{
  margin-left: 100px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul>
    <li>
        <button type="button" onclick="generate('Date',this)">Get Date</button>
        <span></span>
    </li>
    <li>
        <button type="button" onclick="generate('Day',this)">Get Day</button>
        <span></span>
    </li>
    <li>
        <button type="button" onclick="generate('FullYear',this)">Get Full Year</button>
        <span></span>
    </li>
    <li>
        <button type="button" onclick="generate('Hours',this)">Get Hours</button>
        <span></span>
    </li>
    <li>
        <button type="button" onclick="generate('Milliseconds',this)">Get Milliseconds</button>
        <span></span>
    </li>

    <li>
        <button type="button" onclick="generate('Minutes',this)">Get Minutes</button>
        <span></span>
    </li>
    <li>
        <button type="button" onclick="generate('Month',this)">Get Month</button>
        <span></span>
    </li>
    <li>
        <button type="button" onclick="generate('Seconds',this)">Get Seconds</button>
        <span></span>
    </li>
    <li>
        <button type="button" onclick="generate('Time',this)">Get Time</button>
        <span></span>
    </li>
</ul>

Answer 3

Prenez cet exemple, vous pouvez le placer où vous voulez pour l'afficher sans faire référence à script dans le pied de page ou ailleurs comme d'autres réponses

<script>new Date().getFullYear()>document.write(new Date().getFullYear());</script>

Note de copyright en bas de page à titre d'exemple

Copyright 2010 - <script>new Date().getFullYear()>document.write(new Date().getFullYear());</script>

Answer 4

Instanciation de la classe Date et faire appel à son getFullYear pour obtenir l'année en cours dans yyyy format. Quelque chose comme ça :

let currentYear = new Date().getFullYear();

En Année en cours tiendra la valeur que vous recherchez.

Answer 5

TL;DR

La plupart des réponses trouvées ici sont correctes uniquement si vous avez besoin de l'année en cours en fonction de votre local le fuseau horaire et le décalage de la machine (côté client) - source qui, dans la plupart des scénarios, ne peut être considérée comme fiable (car elle peut différer d'une machine à l'autre).

Les sources fiables sont :

• L'horloge du serveur Web (mais assurez-vous qu'elle est mise à jour)
• APIs de temps et CDNs

Détails

Une méthode appelée sur le Date retournera une valeur basée sur l'heure locale de votre machine.

Vous trouverez plus de détails dans "MDN web docs" : Objet JavaScript Date .

Pour vous faciliter la tâche, j'ai ajouté une note pertinente tirée de leur documentation :

(...) les méthodes de base pour récupérer la date et l'heure ou ses composants fonctionnent toutes dans le fuseau horaire et le décalage local (c'est-à-dire le système hôte).

Une autre source le mentionne : Objet JavaScript date et heure

il est important de noter que si l'horloge d'une personne est décalée de quelques heures ou si elle se trouve dans un fuseau horaire différent, l'objet Date créera une heure différente de celle créée sur votre propre ordinateur.

Voici quelques sources fiables que vous pouvez utiliser :

• l'horloge de votre serveur web (vérifiez d'abord si elle est exacte)
• APIs de temps et CDNs :
  • https://timezonedb.com/api
  • http://worldtimeapi.org
  • http://worldclockapi.com
  • http://www.geonames.org/export/ws-overview.html
  • Autres API connexes : https://www.programmableweb.com/category/time/api

Mais si vous ne vous souciez pas de l'exactitude de l'heure ou si votre cas d'utilisation nécessite une valeur temporelle relative à l'heure de la machine locale, vous pouvez utiliser en toute sécurité l'option Javascript Date des méthodes de base comme Date.now() ou new Date().getFullYear() (pour l'année en cours).