如何在 JavaScript 中获取当前年份?
创建一个 new Date()
对象并调用 getFullYear()
:
new Date().getFullYear() // returns the current year
示例用法:始终显示当前年份的页脚:
document.getElementById("year").innerHTML = new Date().getFullYear();页脚 { 文本对齐:居中;字体系列:无衬线; }
另请参阅 Date()
构造函数的 full list of methods。
// 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 ©
<script>
var CurrentYear = new Date().getFullYear()
document.write(CurrentYear)
</script>
</p>
</div>
输出到 HTML 页面如下:
版权所有 © 2018
用一行 JS 代码就可以得到当前年份。
版权所有
对于当前年份,我们可以使用 Date 类中的 getFullYear() ,但是您可以根据要求使用许多功能,其中一些功能如下:
var now = new Date() console.log("当前时间是:" + now); // getFullYear 函数将给出当前年份 var currentYear = now.getFullYear() console.log("当前年份是:" + currentYear); // getYear 将给出 1990 年之后的年份,即 currentYear-1990 var year = now.getYear() console.log("Current year is: " + year); // getMonth 给出月份值,但月份从 0 开始 // 加 1 得到实际月份值 var month = now.getMonth() + 1 console.log("Current month is: " + month); // getDate 给出日期值 var day = now.getDate() console.log("今天是:" + day);
您可以像这样简单地使用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)
函数生成(类型,元素){ var value = ""; var date = new Date(); switch (type) { case "Date": value = date.getDate(); // 以数字 (1-31) 形式获取日期 break;案例“日”:值 = date.getDay(); // 以数字 (0-6) 形式获取工作日; case "FullYear": value = date.getFullYear(); // 获取四位数年份 (yyyy) 中断; case "小时": value = date.getHours(); // 获取小时 (0-23) 休息时间; case "毫秒": value = date.getMilliseconds(); // 获取毫秒 (0-999) 中断; case "Minutes": value = date.getMinutes(); // 获取分钟 (0-59) 休息时间; case "月": value = date.getMonth(); // 获取月份 (0-11) 中断;案例“秒”:值 = date.getSeconds(); // 获取秒 (0-59) 中断;案例“时间”:值 = date.getTime(); // 获取时间(自 1970 年 1 月 1 日以来的毫秒数) } $(element).siblings('span').text(value); } li{ 列表样式类型:无;填充:5px; } 按钮{ 宽度:150px; } span{ 左边距:100px; }
举这个例子,你可以把它放在你想显示它的任何地方,而不用在页脚或其他地方引用脚本,就像其他答案一样
<script>new Date().getFullYear()>document.write(new Date().getFullYear());</script>
以页脚版权说明为例
Copyright 2010 - <script>new Date().getFullYear()>document.write(new Date().getFullYear());</script>
实例化 Date 类并调用其 getFullYear 方法以 yyyy 格式获取当前年份。像这样的东西:
let currentYear = new Date().getFullYear();
currentYear 变量将保存您正在寻找的值。
TL;博士
仅当您需要基于本地机器的时区和偏移量(客户端)的当前年份时,此处找到的大多数答案才是正确的 - 在大多数情况下,不能认为可靠的来源(因为它可能因机器而异) .
可靠来源是:
Web 服务器的时钟(但请确保它已更新)
时间 API 和 CDN
细节
在 Date
实例上调用的方法将根据您机器的本地时间返回一个值。
更多详细信息可在“MDN 网络文档”中找到: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
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()
(针对当年)。
如果您将 ES6 Javascript 与 Angular、React、VueJS 等框架一起使用。然后您应该集成第三方实用程序库以方便您的项目。 DayJS
是具有不可变数据结构的最流行和轻量级的库之一。在 dayJS
中,您可以通过如下简单的一行代码获得 year
。
dayjs().year()
还有很多有用的方法。所以我建议你在下一个项目中使用 dayjs。