File:JavaScript getYear Method Problem.png

From Infogalactic: the planetary knowledge core
Jump to: navigation, search
JavaScript_getYear_Method_Problem.png ‎(326 × 190 pixels, file size: 6 KB, MIME type: image/png)

Summary

Webpage screenshots showing the <a href="https://en.wikipedia.org/wiki/JavaScript" class="extiw" title="w:JavaScript">JavaScript</a> .getYear method problem. It depicts the so-called <a href="https://en.wikipedia.org/wiki/Year_2000_problem" class="extiw" title="w:Year 2000 problem">Year 2000 problem</a>.

The results of the .getYear method are different with <a href="https://en.wikipedia.org/wiki/Internet_Explorer" class="extiw" title="w:Internet Explorer">Internet Explorer</a> 6-8 and the other modern browsers:

  • IE3, IE9+, other modern browsers: .getYear always returns a 2-digit value that is the stored year minus 1900).
  • IE4-8, other modern browsers:
    • .getYear returns a 2-digit value that is the stored year minus 1900) for the years 1900 through 1999;
    • it returns the 4-digit full year for dates outside that range.

.getYear is now obsoleted, but supported for backward compatibility by all modern browsers.

.getFullYear is not supported before IE6. With those that support it, the 4-digit full year is always returned. This method is currently recommended.

BTW, if you want to return a 2-digit year value (only for <a href="https://en.wikipedia.org/wiki/Anno_Domini" class="extiw" title="w:Anno Domini">AD</a>, 3, 203, 1803, 1903 and 2003 all return "03", that are the last two digits) in modern browsers, you may try:

<span class="p">(</span><span class="s2">"0"</span><span class="o">+</span><span class="nx">dateObj</span><span class="p">.</span><span class="nx">getFullYear</span><span class="p">().</span><span class="nx">toString</span><span class="p">()).</span><span class="nx">slice</span><span class="p">(</span><span class="o">-</span><span class="mi">2</span><span class="p">);</span>

References:

Licensing

Lua error in package.lua at line 80: module 'strict' not found.

File history

Click on a date/time to view the file as it appeared at that time.

Date/TimeThumbnailDimensionsUserComment
current03:28, 7 January 2017Thumbnail for version as of 03:28, 7 January 2017326 × 190 (6 KB)127.0.0.1 (talk)Webpage screenshots showing the <a href="https://en.wikipedia.org/wiki/JavaScript" class="extiw" title="w:JavaScript">JavaScript</a> .getYear method problem. It depicts the so-called <a href="https://en.wikipedia.org/wiki/Year_2000_problem" class="extiw" title="w:Year 2000 problem">Year 2000 problem</a>. <p>The results of the .getYear method are different with <a href="https://en.wikipedia.org/wiki/Internet_Explorer" class="extiw" title="w:Internet Explorer">Internet Explorer</a> 6-8 and the other modern browsers: </p> <ul> <li> IE3, IE9+, other modern browsers: .getYear always returns a 2-digit value that is the stored year minus 1900).</li> <li> IE4-8, other modern browsers: <ul> <li> .getYear returns a 2-digit value that is the stored year minus 1900) for the years 1900 through 1999;</li> <li> it returns the 4-digit full year for dates outside that range.</li> </ul> </li> </ul> <p>.getYear is now obsoleted, but supported for backward compatibility by all modern browsers. </p> <p>.getFullYear is not supported before IE6. With those that support it, the 4-digit full year is always returned. This method is currently recommended. </p> <table class="collapsible collapsed" align="center" style="width:100%; margin:auto; clear:both; padding:1px; border:1px solid #c0c0c0; background:#fff;"> <tr><th colspan="0" style="padding-left:1em; padding-right:.4em; text-align:center; background-color:#f0f2f5; font-size:88%; color:#000000;">HTML and JavaScript code (by <a href="//commons.wikimedia.org/wiki/User:Tomchen1989" title="User:Tomchen1989">Tomchen1989</a> under <a rel="nofollow" class="external text" href="https://creativecommons.org/publicdomain/zero/1.0/deed.en">CC0 1.0</a>) </th></tr> <tr><td style="font-size:88%;"> <div class="mw-highlight mw-content-ltr" dir="ltr"><pre><span class="cp"><!DOCTYPE html></span> <span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"en"</span><span class="p">></span> <span class="p"><</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">title</span><span class="p">></span>JavaScript .getYear Method Problem<span class="p"></</span><span class="nt">title</span><span class="p">></span> <span class="p"><</span><span class="nt">meta</span> <span class="na">http-equiv</span><span class="o">=</span><span class="s">"content-type"</span> <span class="na">content</span><span class="o">=</span><span class="s">"text/html; charset=UTF-8"</span> <span class="p">/></span> <span class="p"><</span><span class="nt">style</span><span class="p">></span> <span class="nt">table</span><span class="p">{</span><span class="nb">border-collapse</span><span class="o">:</span><span class="nb">collapse</span><span class="p">;}</span> <span class="nt">th</span><span class="o">,</span><span class="nt">td</span><span class="p">{</span><span class="nb">border</span><span class="o">:</span><span class="m">1px</span> <span class="nb">solid</span> <span class="m">#000</span><span class="p">;}</span> <span class="p"></</span><span class="nt">style</span><span class="p">></span> <span class="p"></</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">body</span><span class="p">></span> <span class="p"><</span><span class="nt">table</span><span class="p">></span> <span class="p"><</span><span class="nt">tr</span><span class="p">></span> <span class="p"><</span><span class="nt">th</span><span class="p">></span>Real year<span class="p"></</span><span class="nt">th</span><span class="p">></span> <span class="p"><</span><span class="nt">th</span><span class="p">></span>1858<span class="p"></</span><span class="nt">th</span><span class="p">><</span><span class="nt">th</span><span class="p">></span>1990<span class="p"></</span><span class="nt">th</span><span class="p">><</span><span class="nt">th</span><span class="p">></span>1994<span class="p"></</span><span class="nt">th</span><span class="p">><</span><span class="nt">th</span><span class="p">></span>2000<span class="p"></</span><span class="nt">th</span><span class="p">><</span><span class="nt">th</span><span class="p">></span>2007<span class="p"></</span><span class="nt">th</span><span class="p">></span> <span class="p"></</span><span class="nt">tr</span><span class="p">></span> <span class="p"><</span><span class="nt">tr</span><span class="p">></span> <span class="p"><</span><span class="nt">th</span><span class="p">></span>.getYear() result<span class="p"></</span><span class="nt">th</span><span class="p">></span> <span class="p"><</span><span class="nt">td</span> <span class="na">id</span><span class="o">=</span><span class="s">"getyear1"</span><span class="p">></</span><span class="nt">td</span><span class="p">><</span><span class="nt">td</span> <span class="na">id</span><span class="o">=</span><span class="s">"getyear2"</span><span class="p">></</span><span class="nt">td</span><span class="p">><</span><span class="nt">td</span> <span class="na">id</span><span class="o">=</span><span class="s">"getyear3"</span><span class="p">></</span><span class="nt">td</span><span class="p">><</span><span class="nt">td</span> <span class="na">id</span><span class="o">=</span><span class="s">"getyear4"</span><span class="p">></</span><span class="nt">td</span><span class="p">><</span><span class="nt">td</span> <span class="na">id</span><span class="o">=</span><span class="s">"getyear5"</span><span class="p">></</span><span class="nt">td</span><span class="p">></span> <span class="p"></</span><span class="nt">tr</span><span class="p">></span> <span class="p"><</span><span class="nt">tr</span><span class="p">></span> <span class="p"><</span><span class="nt">th</span><span class="p">></span>.getFullYear() result<span class="p"></</span><span class="nt">th</span><span class="p">></span> <span class="p"><</span><span class="nt">td</span> <span class="na">id</span><span class="o">=</span><span class="s">"getfullyear1"</span><span class="p">></</span><span class="nt">td</span><span class="p">><</span><span class="nt">td</span> <span class="na">id</span><span class="o">=</span><span class="s">"getfullyear2"</span><span class="p">></</span><span class="nt">td</span><span class="p">><</span><span class="nt">td</span> <span class="na">id</span><span class="o">=</span><span class="s">"getfullyear3"</span><span class="p">></</span><span class="nt">td</span><span class="p">><</span><span class="nt">td</span> <span class="na">id</span><span class="o">=</span><span class="s">"getfullyear4"</span><span class="p">></</span><span class="nt">td</span><span class="p">><</span><span class="nt">td</span> <span class="na">id</span><span class="o">=</span><span class="s">"getfullyear5"</span><span class="p">></</span><span class="nt">td</span><span class="p">></span> <span class="p"></</span><span class="nt">tr</span><span class="p">></span> <span class="p"></</span><span class="nt">table</span><span class="p">></span> <span class="p"><</span><span class="nt">script</span><span class="p">></span> <span class="kd">var</span> <span class="nx">dates</span> <span class="o">=</span> <span class="p">[</span><span class="k">new</span> <span class="nb">Date</span><span class="p">(</span><span class="s2">"1858, 1, 1"</span><span class="p">),</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">(</span><span class="s2">"1990, 1, 1"</span><span class="p">),</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">(</span><span class="s2">"1994, 1, 1"</span><span class="p">),</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">(</span><span class="s2">"2000, 1, 1"</span><span class="p">),</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">(</span><span class="s2">"2007, 1, 1"</span><span class="p">)];</span> <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="nx">dates</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">"getyear"</span> <span class="o">+</span> <span class="p">(</span><span class="nx">i</span><span class="o">+</span><span class="mi">1</span><span class="p">)).</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">dates</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">getYear</span><span class="p">();</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">"getfullyear"</span> <span class="o">+</span> <span class="p">(</span><span class="nx">i</span><span class="o">+</span><span class="mi">1</span><span class="p">)).</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">dates</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">getFullYear</span><span class="p">();</span> <span class="p">}</span> <span class="p"></</span><span class="nt">script</span><span class="p">></span> <span class="p"></</span><span class="nt">body</span><span class="p">></span> <span class="p"></</span><span class="nt">html</span><span class="p">></span> </pre></div> </td></tr> </table> <p>BTW, if you want to return a 2-digit year value (only for <a href="https://en.wikipedia.org/wiki/Anno_Domini" class="extiw" title="w:Anno Domini">AD</a>, 3, 203, 1803, 1903 and 2003 all return "03", that are the last two digits) in modern browsers, you may try: </p> <div class="mw-highlight mw-content-ltr" dir="ltr"><pre><span class="p">(</span><span class="s2">"0"</span><span class="o">+</span><span class="nx">dateObj</span><span class="p">.</span><span class="nx">getFullYear</span><span class="p">().</span><span class="nx">toString</span><span class="p">()).</span><span class="nx">slice</span><span class="p">(</span><span class="o">-</span><span class="mi">2</span><span class="p">);</span> </pre></div> <p>References: </p> <ul> <li> <a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getYear">Date.prototype.getYear() - Mozilla Develope Network</a> </li> <li> <a rel="nofollow" class="external text" href="http://msdn.microsoft.com/en-us/library/ie/x0a9sc10%28v=vs.94%29.aspx">getYear Method (Date) (JavaScript) - Internet Explorer Dev Center</a> </li> <li> <a rel="nofollow" class="external text" href="http://msdn.microsoft.com/en-us/library/ie/29y2w2x3%28v=vs.94%29.aspx">getFullYear Method (Date) (JavaScript) - Internet Explorer Dev Center</a> </li> </ul>
  • You cannot overwrite this file.

The following page links to this file:

Retrieved from "https://infogalactic.com/w/index.php?title=File:JavaScript_getYear_Method_Problem.png&oldid=723677030"