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

Créez un new Date()objet et appelez getFullYear():

new Date().getFullYear()
// returns the current year

Détournement de la réponse acceptée pour fournir un exemple de contexte de base comme un pied de page qui montre toujours l'année en cours:

<footer>
    &copy; <span id="year"></span>
</footer>

Quelque part ailleurs exécuté après le chargement du code HTML ci-dessus:

<script>
    document.getElementById("year").innerHTML = new Date().getFullYear();
</script>

document.getElementById("year").innerHTML = new Date().getFullYear();

footer {
  text-align: center;
  font-family: sans-serif;
}

<footer>
    &copy; <span id="year">2018</span> by FooBar
</footer>

// Return today's date and time
var currentTime = new Date()

// returns the month (from 0 to 11)
var month = currentTime.getMonth() + 1

// returns the day of the month (from 1 to 31)
var day = currentTime.getDate()

// returns the year (four digits)
var year = currentTime.getFullYear()

// write output MM/dd/yyyy
document.write(month + "/" + day + "/" + year)

Voici une autre méthode pour obtenir la date

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)

Voici comment je l'ai intégré et sorti sur ma page Web HTML:

<div class="container">
    <p class="text-center">Copyright &copy; 
        <script>
            var CurrentYear = new Date().getFullYear()
            document.write(CurrentYear)
        </script>
    </p>
</div>

La sortie vers la page HTML est la suivante:

Copyright © 2018

pour l'année en cours, nous pouvons utiliser getFullYear () de la classe Date , mais il existe de nombreuses fonctions que vous pouvez utiliser selon les exigences, certaines fonctions sont les 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);

Prenez cet exemple, vous pouvez le placer où vous voulez le montrer sans faire référence au 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 sur le pied de page à titre d'exemple

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

Vous pouvez simplement utiliser javascript comme celui-ci. Sinon, vous pouvez utiliser le plugin momentJs 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>

TL; DR

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

Les sources fiables sont:

• Horloge du serveur Web (mais assurez-vous qu'elle est mise à jour)
• API de temps et CDN

Détails

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

De plus amples détails peuvent être trouvés dans "Documents Web MDN": Objet Date JavaScript .

Pour votre commodité, j'ai ajouté une note pertinente de leurs documents:

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

Une autre source mentionnant ceci est: objet date et heure JavaScript

il est important de noter que si l'horloge d'une personne est désactivé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)
• API de temps et CDN:
  • https://timezonedb.com/api
  • http://worldtimeapi.org
  • http://worldclockapi.com
  • http://www.geonames.org/export/ws-overview.html
  • Autres API associées: https://www.programmableweb.com/category/time/api

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