Làm cách nào để có được năm hiện tại bằng JavaScript?

Tạo một new Date()đối tượng và gọi getFullYear():

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

Chiếm câu trả lời được chấp nhận để cung cấp một số bối cảnh ví dụ cơ bản như chân trang luôn hiển thị năm hiện tại:

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

Một nơi khác được thực hiện sau khi HTML ở trên đã được tải:

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

Đây là một phương pháp khác để có được ngày

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)

Đó là cách tôi nhúng nó và xuất ra trang web HTML của mình:

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

Đầu ra cho trang HTML như sau:

Bản quyền © 2018

cho năm hiện tại, chúng ta có thể sử dụng getFullYear () từ lớp Date, tuy nhiên có nhiều hàm bạn có thể sử dụng theo yêu cầu, một số hàm là,

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

Lấy ví dụ này, bạn có thể đặt nó ở bất cứ đâu bạn muốn hiển thị mà không cần tham khảo tập lệnh ở chân trang hoặc ở nơi nào khác như các câu trả lời khác

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

Ghi chú bản quyền trên chân trang làm ví dụ

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

Bạn chỉ có thể sử dụng javascript như thế này. Nếu không, bạn có thể sử dụng Plugin khoảnh khắc giúp ứng dụng lớn.

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

Hầu hết các câu trả lời được tìm thấy ở đây chỉ đúng nếu bạn cần năm hiện tại dựa trên múi giờ và độ lệch của máy cục bộ (phía máy khách) - nguồn, trong hầu hết các trường hợp, không thể được coi là đáng tin cậy (vì nó có thể khác với máy này) .

Các nguồn đáng tin cậy là:

• Đồng hồ của máy chủ web (nhưng đảm bảo rằng nó đã được cập nhật)
• API thời gian & CDN

Chi tiết

Một phương thức được gọi trong Datetrường hợp sẽ trả về một giá trị dựa trên thời gian cục bộ của máy của bạn.

Thông tin chi tiết có thể được tìm thấy trong "tài liệu web MDN": đối tượng Ngày JavaScript .

Để thuận tiện cho bạn, tôi đã thêm một ghi chú có liên quan từ tài liệu của họ:

(...) Các phương thức cơ bản để lấy ngày và giờ hoặc các thành phần của nó đều hoạt động trong múi giờ (tức là hệ thống máy chủ) cục bộ và bù.

Một nguồn khác đề cập đến điều này là: Đối tượng ngày và giờ JavaScript

điều quan trọng cần lưu ý là nếu đồng hồ của ai đó tắt sau vài giờ hoặc họ ở múi giờ khác, thì đối tượng Date sẽ tạo thời gian khác với thời gian được tạo trên máy tính của bạn.

Một số nguồn đáng tin cậy mà bạn có thể sử dụng là:

• Đồng hồ của máy chủ web của bạn (kiểm tra xem nó có chính xác trước không)
• API thời gian & CDN:
  • https://timezencedb.com/api
  • http://worldtimeapi.org
  • http://worldclockapi.com
  • http://www.geonames.org/export/ws-overview.html
  • Các API liên quan khác: https://www.programizableweb.com/c Ab / time / api

Nhưng nếu bạn chỉ đơn giản là không quan tâm đến độ chính xác về thời gian hoặc nếu trường hợp sử dụng của bạn yêu cầu giá trị thời gian liên quan đến thời gian của máy cục bộ thì bạn có thể sử dụng Datecác phương thức cơ bản của Javascript như Date.now(), hoặc new Date().getFullYear()(cho năm hiện tại) một cách an toàn .