Get the current year in JavaScript

Question

How do I get the current year in JavaScript

User · Answer

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:

User · Answer

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   lt script gt new Date   getFullYear   gt document write new Date   getFullYear     lt  script gt    Copyright note on the footer as an example  Copyright 2010 -  lt script gt new Date   getFullYear   gt document write new Date   getFullYear     lt  script gt

User · Answer

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

User · Answer

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  amp  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  quot MDN web docs quot   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  amp  CDNs   https   timezonedb com api http   worldtimeapi org http   worldclockapi com http   www geonames org export ws-overview html Other related APIs  https   www programmableweb com category time api    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

User · Answer

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

User · Answer

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

User · Answer

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     x000D   x000D  function generate type element  x000D    x000D   var value       x000D   var date   new Date    x000D   switch  type    x000D    case  Date   x000D     value   date getDate        Get the day as a number  1-31  x000D     break  x000D    case  Day   x000D     value   date getDay        Get the weekday as a number  0-6  x000D     break  x000D    case  FullYear   x000D     value   date getFullYear       Get the four digit year  yyyy  x000D     break  x000D    case  Hours   x000D     value   date getHours       Get the hour  0-23  x000D     break  x000D    case  Milliseconds   x000D     value   date getMilliseconds       Get the milliseconds  0-999  x000D     break  x000D    case  Minutes   x000D     value   date getMinutes           Get the minutes  0-59  x000D     break  x000D    case  Month   x000D     value   date getMonth       Get the month  0-11  x000D     break  x000D    case  Seconds   x000D     value   date getSeconds       Get the seconds  0-59  x000D     break  x000D    case  Time   x000D     value   date getTime        Get the time  milliseconds since January 1  1970  x000D     break  x000D     x000D   x000D     element  siblings  span   text value   x000D    x000D  li  x000D    list-style-type  none  x000D    padding  5px  x000D    x000D   x000D  button  x000D    width  150px  x000D    x000D   x000D  span  x000D    margin-left  100px  x000D    x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   x000D   x000D   lt ul gt  x000D    lt li gt  x000D     lt button type  button  onclick  generate  Date  this   gt Get Date lt  button gt  x000D     lt span gt  lt  span gt  x000D    lt  li gt  x000D    lt li gt  x000D     lt button type  button  onclick  generate  Day  this   gt Get Day lt  button gt  x000D     lt span gt  lt  span gt  x000D    lt  li gt  x000D    lt li gt  x000D     lt button type  button  onclick  generate  FullYear  this   gt Get Full Year lt  button gt  x000D     lt span gt  lt  span gt  x000D    lt  li gt  x000D    lt li gt  x000D     lt button type  button  onclick  generate  Hours  this   gt Get Hours lt  button gt  x000D     lt span gt  lt  span gt  x000D    lt  li gt  x000D    lt li gt  x000D     lt button type  button  onclick  generate  Milliseconds  this   gt Get Milliseconds lt  button gt  x000D     lt span gt  lt  span gt  x000D    lt  li gt  x000D   x000D    lt li gt  x000D     lt button type  button  onclick  generate  Minutes  this   gt Get Minutes lt  button gt  x000D     lt span gt  lt  span gt  x000D    lt  li gt  x000D    lt li gt  x000D     lt button type  button  onclick  generate  Month  this   gt Get Month lt  button gt  x000D     lt span gt  lt  span gt  x000D    lt  li gt  x000D    lt li gt  x000D     lt button type  button  onclick  generate  Seconds  this   gt Get Seconds lt  button gt  x000D     lt span gt  lt  span gt  x000D    lt  li gt  x000D    lt li gt  x000D     lt button type  button  onclick  generate  Time  this   gt Get Time lt  button gt  x000D     lt span gt  lt  span gt  x000D    lt  li gt  x000D   lt  ul gt  x000D   x000D   x000D

User · Answer

Create a new Date   object and call getFullYear     new Date   getFullYear      returns the current year     Hijacking the accepted answer to provide some basic example context like a footer that always shows the current year    lt footer gt       amp copy   lt span id  year  gt  lt  span gt   lt  footer gt    Somewhere else executed after the HTML above has been loaded    lt script gt      document getElementById  year   innerHTML   new Date   getFullYear     lt  script gt     x000D   x000D  document getElementById  year   innerHTML   new Date   getFullYear    x000D  footer   x000D    text-align  center  x000D    font-family  sans-serif  x000D    x000D   lt footer gt  x000D       amp copy   lt span id  year  gt 2018 lt  span gt  by FooBar x000D   lt  footer gt  x000D   x000D   x000D

User · Answer

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    x000D   x000D  var now   new Date   x000D  console log  Current Time is      now   x000D   x000D     getFullYear function will give current year  x000D  var currentYear   now getFullYear   x000D  console log  Current year is      currentYear   x000D   x000D     getYear will give you the years after 1990 i e currentYear-1990 x000D  var year   now getYear   x000D  console log  Current year is      year   x000D   x000D     getMonth gives the month value but months starts from 0 x000D     add 1 to get actual month value  x000D  var month   now getMonth     1 x000D  console log  Current month is      month   x000D   x000D     getDate gives the date value x000D  var day   now getDate   x000D  console log  Today s day is      day   x000D   x000D   x000D

[javascript] Get the current year in JavaScript

Examples related to javascript

Examples related to date