Wie bekomme ich das aktuelle Jahr in JavaScript?

Erstellen Sie ein new Date()Objekt und rufen Sie auf getFullYear():

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

Entführung der akzeptierten Antwort, um einen grundlegenden Beispielkontext wie eine Fußzeile bereitzustellen, in der immer das aktuelle Jahr angezeigt wird:

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

An einer anderen Stelle ausgeführt, nachdem der obige HTML-Code geladen wurde:

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

Hier ist eine andere Methode, um das Datum zu erhalten

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)

So habe ich es eingebettet und auf meiner HTML-Webseite ausgegeben:

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

Die Ausgabe auf die HTML-Seite erfolgt wie folgt:

Copyright © 2018

Für das aktuelle Jahr können wir getFullYear () aus der Date- Klasse verwenden. Es gibt jedoch viele Funktionen, die Sie gemäß den Anforderungen verwenden können. Einige Funktionen sind wie folgt :

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

In diesem Beispiel können Sie es überall dort platzieren, wo Sie es anzeigen möchten, ohne auf das Skript in der Fußzeile oder an einer anderen Stelle wie bei anderen Antworten zu verweisen

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

Copyright-Hinweis in der Fußzeile als Beispiel

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

Sie können einfach Javascript wie dieses verwenden. Andernfalls können Sie das momentJs Plugin verwenden, das bei großen Anwendungen hilfreich ist .

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

Die meisten der hier gefundenen Antworten sind nur dann richtig , wenn Sie das aktuelle Jahr basierend auf der Zeitzone und dem Offset Ihrer lokalen Maschine (clientseitig) benötigen - Quelle, die in den meisten Szenarien nicht als zuverlässig angesehen werden kann (da sie von Maschine zu Maschine unterschiedlich sein kann). .

Zuverlässige Quellen sind:

• Uhr des Webservers (aber stellen Sie sicher, dass sie aktualisiert ist)
• Zeit-APIs und CDNs

Einzelheiten

Eine für die DateInstanz aufgerufene Methode gibt einen Wert zurück, der auf der Ortszeit Ihres Computers basiert.

Weitere Details finden Sie unter "MDN-Webdokumente": JavaScript-Datumsobjekt .

Für Ihre Bequemlichkeit habe ich einen relevanten Hinweis aus ihren Dokumenten hinzugefügt:

(...) Die grundlegenden Methoden zum Abrufen von Datum und Uhrzeit oder ihrer Komponenten funktionieren alle in der lokalen Zeitzone (dh im Hostsystem) und im Offset.

Eine andere Quelle, die dies erwähnt, ist: JavaScript-Objekt für Datum und Uhrzeit

Es ist wichtig zu beachten, dass das Date-Objekt eine andere Uhrzeit erstellt als die auf Ihrem eigenen Computer erstellte, wenn die Uhr einer Person um einige Stunden versetzt ist oder sich in einer anderen Zeitzone befindet.

Einige zuverlässige Quellen, die Sie verwenden können, sind:

• Die Uhr Ihres Webservers (überprüfen Sie zuerst, ob sie korrekt ist)
• Zeit-APIs und CDNs:
  • https://timezonedb.com/api
  • http://worldtimeapi.org
  • http://worldclockapi.com
  • http://www.geonames.org/export/ws-overview.html
  • Andere verwandte APIs: https://www.programmableweb.com/category/time/api

Wenn Sie sich jedoch einfach nicht um die Zeitgenauigkeit kümmern oder wenn Ihr Anwendungsfall einen Zeitwert relativ zur Zeit des lokalen Computers erfordert, können Sie sicher die Dategrundlegenden Methoden von Javascript wie Date.now()oder new Date().getFullYear()(für das aktuelle Jahr) verwenden.