ฉันจะรับปีปัจจุบันใน 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 มีดังต่อไปนี้:

ลิขสิทธิ์© 2018

สำหรับปีปัจจุบันเราสามารถใช้getFullYear () จาก Date 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>

คุณสามารถใช้จาวาสคริปต์แบบนี้ได้ มิฉะนั้นคุณสามารถใช้ปลั๊กอิน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 เวลา & CDNs

รายละเอียด

เมธอดที่เรียกใช้บนDateอินสแตนซ์จะส่งคืนค่าตามเวลาท้องถิ่นของเครื่องของคุณ

รายละเอียดเพิ่มเติมสามารถพบได้ใน "MDN เอกสารเว็บ": JavaScript วันที่วัตถุ

เพื่อความสะดวกของคุณฉันได้เพิ่มบันทึกย่อที่เกี่ยวข้องจากเอกสารของพวกเขา:

(... ) วิธีการพื้นฐานในการดึงข้อมูลวันที่และเวลาหรือส่วนประกอบทั้งหมดทำงานในโซนเวลาท้องถิ่น (เช่นระบบโฮสต์) และชดเชย

แหล่งข้อมูลอื่นที่กล่าวถึงนี้คือ: วัตถุวันที่และเวลาของ JavaScript

เป็นสิ่งสำคัญที่จะต้องทราบว่าหากนาฬิกาของใครบางคนถูกปิดโดยไม่กี่ชั่วโมงหรือพวกเขาอยู่ในเขตเวลาที่แตกต่างกันวัตถุวันที่จะสร้างเวลาที่แตกต่างจากที่สร้างขึ้นในคอมพิวเตอร์ของคุณเอง

แหล่งที่เชื่อถือได้บางอย่างที่คุณสามารถใช้ได้คือ:

• นาฬิกาของเว็บเซิร์ฟเวอร์ของคุณ (ตรวจสอบว่าถูกต้องก่อน)
• API เวลา & CDNs:
  • 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()(สำหรับปีปัจจุบัน) ได้อย่างปลอดภัย