在JavaScript中获取当前年份

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

1067702 次浏览
小开 
// Return today's date and timevar 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/yyyydocument.write(month + "/" + day + "/" + year)
小开
最佳答案

创建一个#0对象并调用#1：

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>

另请参阅#0构造函数的方法的完整列表。

小开

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

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

对于今年，我们可以使用getFullyear（）开始日期类，但是您可以根据要求使用许多功能，有些功能是，

var now = new Date()console.log("Current Time is: " + now);
// getFullYear function will give current yearvar currentYear = now.getFullYear()console.log("Current year is: " + currentYear);
// getYear will give you the years after 1990 i.e currentYear-1990var 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 valuevar month = now.getMonth() + 1console.log("Current month is: " + month);
// getDate gives the date valuevar day = now.getDate()console.log("Today's day is: " + day);

小开

这就是我嵌入并输出到我的超文本标记语言网页的方式：

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

超文本标记语言页面的输出如下：

版权©2018

小开

您可以像这样简单地使用javascript。否则，您可以使用瞬间Js插件，这有助于大型应用程序。

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>

小开

以这个例子为例，您可以将其放置在您想要显示的任何地方，而无需参考页脚中的脚本或其他类似答案的地方

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

以页脚上的版权注释为例

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

太长别读

如果您需要基于当地机器的时区和偏移量（客户端）的当前年份，这里找到的大多数答案都是正确的只有-在大多数情况下，这不能被认为是可靠的（因为它可能因机器而异）。

可靠来源有：

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

详情

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

更多详细信息可以在“MDN web docs”中找到：JavaScript Date对象。

为了您的方便，我从他们的文档中添加了相关说明：

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

另一个提到这一点的来源是：JavaScript日期和时间对象

重要的是要注意，如果某人的时钟关闭了几个小时，或者他们在不同的时区，那么Date对象将创建与您自己的计算机上创建的时间不同的时间。

您可以使用的一些可靠来源是：

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

小开

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

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

当前任务时间变量将保存您要查找的值。

小开

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

dayjs().year()

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

小开

您可以使用一行JS代码获取当前年份。

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


提交答案