Як отримати поточний рік у JavaScript?

Створіть new Date()об’єкт та зателефонуйте getFullYear():

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

Викрадання прийнятої відповіді, щоб надати базовий контекст, наприклад, колонтитул, який завжди показує поточний рік:

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

Десь інше, виконане після завантаження HTML вище:

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

Ось ще один метод отримання дати

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)

Ось так я вклав і вивів на свою веб-сторінку HTML:

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

Вихід на сторінку HTML такий:

Copyright © 2018

в поточному році ми можемо використовувати getFullYear () з класу Date, проте є багато функцій, які можна використовувати відповідно до вимог, деякі функції є,

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

Візьмемо цей приклад, ви можете розмістити його там, де ви хочете його показати, не звертаючись до сценарію у нижньому колонтитулі чи десь ще, як інші відповіді

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

Примітка авторського права на колонтитулі як приклад

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

Ви можете просто використовувати javascript, як це. Інакше ви можете використовувати Plugin momentJs, який допомагає у великих програмах.

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

Більшість знайдених тут відповідей є правильними лише у тому випадку, якщо вам потрібен поточний рік на основі часового поясу та зсуву вашої локальної машини (сторона клієнта) - джерело, яке в більшості сценаріїв не може вважатися надійним (бо він може відрізнятися від машини до машини) .

Надійними джерелами є:

• Годинник веб-сервера (але переконайтеся, що він оновлений)
• API часу та CDN

Деталі

Метод, викликаний Dateекземпляром, поверне значення на основі локального часу вашої машини.

Більш детальну інформацію можна знайти в "Веб-документах MDN": Об'єкт дати JavaScript .

Для вашої зручності я додав відповідну примітку з їхніх документів:

(...) основні методи отримання дати та часу або його компоненти працюють у локальному (тобто хост-системі) часовому поясі та зміщенні.

Ще одне джерело, що згадує про це: об’єкт дати та часу JavaScript

важливо зауважити, що якщо чийсь годинник вимкнений на кілька годин або він перебуває в іншому часовому поясі, то об’єкт Date створить інші часи від тих, що створені на вашому власному комп’ютері.

Деякі надійні джерела, якими ви можете скористатися:

• Годинник вашого веб-сервера (перевірте, чи він точний спочатку)
• API часу та CDN:
  • https://timezonedb.com/api
  • http://worldtimeapi.org
  • http://worldclockapi.com
  • http://www.geonames.org/export/ws-overview.html
  • Інші пов'язані API: https://www.programmableweb.com/category/time/api

Але якщо вас просто не хвилює точність часу, або якщо ваш випадок використання вимагає значення часу щодо часу локальної машини, тоді ви можете сміливо використовувати Dateосновні методи Javascript, наприклад Date.now(), або new Date().getFullYear()(для поточного року).