在 JavaScript 中获取当前年份

Question

如何在 JavaScript 中获取当前年份？

Answer 1

创建一个new Date()对象并调用getFullYear()：

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

---

示例用法：始终显示当前年份的页脚：

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

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

<footer>
    ©<span id="year"></span> by Donald Duck
</footer>

另请参阅Date() 构造函数的full list of methods。

Answer 2

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

Answer 3

这是另一种获取日期的方法

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)

Answer 4

这就是我将它嵌入并输出到我的 HTML 网页的方式：

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

输出到 HTML 页面如下：

版权所有 © 2018

Answer 5

对于当前年份，我们可以使用 Date 类中的 getFullYear()，但是您可以根据需要使用许多函数，其中一些函数如下所示，

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

Answer 6

您可以像这样简单地使用 javascript。否则，您可以使用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>

Answer 7

以这个例子为例，你可以把它放在任何你想显示的地方，而不用在页脚或其他地方引用脚本，就像其他答案一样

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

以页脚版权说明为例

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

Answer 8

实例化类 Date 并调用其 getFullYear 方法以获取 yyyy 格式的当前年份。 像这样的：

let currentYear = new Date().getFullYear();

currentYear 变量将保存您正在寻找的值。

Answer 9

一行JS代码就可以得到当前年份。

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

Answer 10

TL;DR

这里找到的大多数答案都是正确的大多数情况下，不能被认为是可靠的（因为它可能因机器而异）。

可靠来源是：

• Web 服务器的时钟（但请确保已更新）
• 时间 API 和 CDN

详情

在Date 实例上调用的方法将根据您机器的本地时间返回一个值。

更多细节可以在“MDN web docs”中找到：JavaScript Date object。

为方便起见，我从他们的文档中添加了相关注释：

(...) 获取日期和时间或其组件的基本方法都在本地（即主机系统）时区和偏移量中工作。

提到这一点的另一个来源是：JavaScript date and time object

请务必注意，如果某人的时钟差了几个小时，或者他们处于不同的时区，那么 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

但是，如果您根本不关心时间准确性，或者您的用例需要相对于本地机器时间的时间值，那么您可以安全地使用 Javascript 的 Date 基本方法，例如 Date.now() 或 new Date().getFullYear() (本年度）。

Answer 11

如果您将 ES6 Javascript 与 Angular、React、VueJS 等框架一起使用。然后您应该集成第三方实用程序库以方便您的项目。 DayJS 是最受欢迎的轻量级库之一，具有不可变数据结构。 在dayJS 中，您可以通过如下简单的一行代码获得year。

dayjs().year()

还有很多有用的方法。所以我建议你在下一个项目中使用 dayjs。