Get the current year in JavaScript

Question

How do I get the current year in JavaScript?

Astonishing if there really isn't a duplicate for this. This one is close, but not exact. — T.J. Crowder
– T.J. Crowder, Commented May 14, 2011 at 14:02
Note that the "current" year is not necessarily the same for everyone on the planet at the same time. One has to consider time zone. Most of the answers here give the current year in the user's local time zone (assuming the code is running in a web browser). — Matt Johnson-Pint
– Matt Johnson-Pint, Commented Jun 6, 2017 at 16:30
Does this answer your question? Shortest way to print current year in a website — cobrexus
– cobrexus, Commented Jan 1, 2021 at 18:48
So everyone look out for those 24 hours out of 8760 where this is not true! My uncle lost a toe not heeding this advice! — Raydot
– Raydot, Commented Mar 9, 2021 at 0:11

Philip Herbert · Accepted Answer · 2024-01-26 15:43:54Z

2729

Create a new Date() object and call getFullYear():

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

Example usage: a page footer that always shows the current year:

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

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

<footer>
    © <span id="year"></span> by Stack Overflow
</footer>

See also, the Date() constructor's full list of methods.

edited Jan 26, 2024 at 15:43

Philip Herbert

4,6192 gold badges39 silver badges41 bronze badges

answered May 14, 2011 at 13:57

Jason Harwig

45.8k5 gold badges46 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user456584 Over a year ago

For other functions in the same family, see: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

Courtney Pattison Over a year ago

To get the year according to universal time use getUTCFullYear()

Mike Over a year ago

The footer example above would be more clear if it were just: <footer> <span id="year"></span> </footer>

danik0011 Over a year ago

it is currently december 25th of 2023 and this outputs 2024

Michel Ayres · Accepted Answer · 2014-03-14 17:56:47Z

316

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

edited Mar 14, 2014 at 17:56

Michel Ayres

6,02511 gold badges67 silver badges97 bronze badges

answered May 14, 2011 at 13:55

Sourav

17.6k36 gold badges109 silver badges163 bronze badges

2 Comments

Michel Ayres Over a year ago

Links: getFullYear() | getDate() | getMonth()

roland Over a year ago

Use getFullYear() instead of getYear(). See stackoverflow.com/questions/16296897/…

Parth Jasani · Accepted Answer · 2016-05-03 05:06:57Z

128

Here is another method to get date

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)

answered May 3, 2016 at 5:06

Parth Jasani

2,4591 gold badge21 silver badges26 bronze badges

Comments

IAmNoob · Accepted Answer · 2025-04-05 07:30:54Z

39

You can get the current year with one line of JS code. Simply paste this line where you want the year to be printed.

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

Additionally, if you want date in single line in

US format (MM/DD/YYYY)

<p>Date: <script>document.write(new Date().toLocaleDateString('en-US'));</script></p>

UK/India Format (DD/MM/YYYY)

<p>Date: <script>document.write(new Date().toLocaleDateString('en-GB'));</script></p>

Full Date Format (Saturday, April 5, 2025)

<p>Date: <script>document.write(new Date().toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }));</script></p>

edited Apr 5 at 7:30

answered Dec 5, 2021 at 8:27

IAmNoob

6615 silver badges14 bronze badges

Comments

Jerusalem Programmer · Accepted Answer · 2018-11-30 06:43:37Z

16

Such is how I have it embedded and outputted to my HTML web page:

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

Output to HTML page is as follows:

answered Nov 30, 2018 at 6:43

Jerusalem Programmer

6297 silver badges21 bronze badges

7 Comments

leonheess Over a year ago

You shouldn't use document.write() but instead something like innerHTML of a span

Jerusalem Programmer Over a year ago

1.) Bad practice says you, but others disagree since this is valid vanilla Javascript; 2.) My answer provides new information of how to implement this within an HTML page, and not just console.log().

Jerusalem Programmer Over a year ago

"Good" is subjective. There is more than one way to skin a cat, and more than one way to solve coding problems. If the solution is simple and works, then why is this not "good" in your humble opinion?

Jerusalem Programmer Over a year ago

Well, sir, it is clear that this is not a clear-cut objective standard (and indeed is an open debate), as there are many who disagree with you: stackoverflow.com/questions/802854/… ...and also here: stackoverflow.com/questions/18789190/why-not-document-write Therefore, your marking my reputation down for your subjective opinion is not very nice since there are others who would disagree with you. Remember the main point here, and that I just provided a simple way to print this to HTML file instead of console.log().

Jerusalem Programmer Over a year ago

Please see the previous two links where you can see HUNDREDS of people who disagree with you. There are also HUNDREDS of people who agree with you, so it is not a clear-cut issue. You insistence upon your way or the high way is quite closed-minded since you cannot be certain if someone may decide that document.write() is the best solution for his/her needs.

|

Nishal K.R · Accepted Answer · 2019-08-20 08:35:03Z

You can simply use javascript like this. Otherwise you can use momentJs Plugin which helps in large application.

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>

Rupesh Agrawal · Accepted Answer · 2018-08-07 14:42:26Z

for current year we can use getFullYear() from Date class however there are many function which you can use as per the requirements, some functions are as,

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

Majali · Accepted Answer · 2019-09-20 07:14:08Z

3

Take this example, you can place it wherever you want to show it without referring to script in the footer or somewhere else like other answers

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

Copyright note on the footer as an example

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

edited Sep 20, 2019 at 7:14

answered Sep 20, 2019 at 6:14

Majali

5317 silver badges15 bronze badges

4 Comments

Crocsx Over a year ago

This is an unnecessary answer.

Crocsx Over a year ago

is the same as the answer of Jerusalem Programmer slightly different

Crocsx Over a year ago

the question is just get the year in JS, not get the year and place it in the footer. And inn that case, you could have edited the other answer. Anyway...

Seblor Over a year ago

I looks a lot like what can be found on this website : updateyourfooter.com

YDF · Accepted Answer · 2021-09-13 07:18:04Z

3

Instantiate the class Date and call upon its getFullYear method to get the current year in yyyy format. Something like this:

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

The currentYear variable will hold the value you are looking out for.

edited Sep 13, 2021 at 7:18

answered Dec 10, 2020 at 10:19

YDF

4256 silver badges10 bronze badges

Comments

Miguel · Accepted Answer · 2023-12-13 12:30:27Z

3

In React, you can use inline js

<p class="font-inter text-sm text-gray-500 lg:mt-0">
    © Copyright {new Date().getFullYear()}. All rights reserved.
</p>

edited Dec 13, 2023 at 12:30

Miguel

2,2291 gold badge14 silver badges28 bronze badges

answered Dec 10, 2023 at 5:21

tyler_flx

1011 silver badge1 bronze badge

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

TL;DR

Most of the answers found here are correct only if you need the current year based on your local machine's time zone and offset (client side) - source which, in most scenarios, cannot be considered reliable (beause it can differ from machine to machine).

Reliable sources are:

Web server's clock (but make sure that it's updated)
Time APIs & CDNs

Details

A method called on the Date instance will return a value based on the local time of your machine.

Further details can be found in "MDN web docs": JavaScript Date object.

For your convenience, I've added a relevant note from their docs:

(...) the basic methods to fetch the date and time or its components all work in the local (i.e. host system) time zone and offset.

Another source mentioning this is: JavaScript date and time object

it is important to note that if someone's clock is off by a few hours or they are in a different time zone, then the Date object will create a different times from the one created on your own computer.

Some reliable sources that you can use are:

Your web server's clock (check if it's accurate first)
Time APIs & CDNs:

But if you simply don't care about the time accuracy or if your use case requires a time value relative to local machine's time then you can safely use Javascript's Date basic methods like Date.now(), or new Date().getFullYear() (for current year).

user10060795 · Accepted Answer · 2023-02-03 21:05:27Z

2

Grabbing the class, we can replace it's textContent with year in javascript:

document.querySelector(".yr").textContent = (new Date().getFullYear());

&copy; <span class="yr"></span> Company. All Rights Reserved.

answered Feb 3, 2023 at 21:05

user10060795

Comments

Arslan Ali · Accepted Answer · 2021-10-21 20:00:03Z

-1

If you're using the ES6 Javascript with frameworks like Angular, React, VueJS. Then you should integrate a third-party utility library for your project convenience. DayJS is one of the most popular and lightweight library with Immutable data structures. In dayJS you can get year in one simple line of code like below.

dayjs().year()

There is also a bunch of useful methods as well. So I would suggest you to use the dayjs for your next project.

answered Oct 21, 2021 at 20:00

Arslan Ali

4382 gold badges7 silver badges16 bronze badges

Collectives™ on Stack Overflow

Get the current year in JavaScript

13 Answers 13

4 Comments

2 Comments

Comments

Comments

7 Comments

Comments

Comments

4 Comments

Comments

Comments

TL;DR

Details

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

13 Answers 13

4 Comments

2 Comments

Comments

Comments

7 Comments

Comments

Comments

4 Comments

Comments

Comments

TL;DR

Details

Comments

Comments

Comments

Linked

Related