「date()の月の表示」を別ウィンドウで開く
各種サンプルとソース一覧 | PCスキルの小技・忘却防止メモ |

date()の月の表示

  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>date()の月の表示</title>
  7. <style type="text/css">
  8. th, td
  9. {
  10.   border:1px solid #ccc;
  11.   text-align:center;
  12.   padding:3px;
  13.   font-size:10pt;
  14. }
  15. </style>
  16. <body>
  18. <h1>date()の月の表示</h1>
  20. <script type="text/javascript">
  22. y=2012;
  23. m=1;
  24. d=1;
  26. document.write("<table>");
  27. document.write('<tr style="background:#ffddff;">');
  28. document.write('<td colspan="2">年月</td>');
  29. document.write('<td colspan="3">ng = new Date(y, m, d)</td>');
  30. document.write('<td colspan="3"><b>ok1 = new Date(y, m-1, d)</b></td>');
  31. document.write('<td colspan="3"><b>ok2 = new Date("y/m/d")</b></td>');
  32. document.write("</tr>");
  34. document.write('<tr style="background:#ffddff;">');
  35. document.write("<td>y</td><td>m</td>");
  36. document.write("<td>ng.getFullYear()</td><td>ng.getMonth()</td><td>ng.getMonth()+1</td>");
  37. document.write("<td><b>ok1.getFullYear()</b></td><td>ok1.getMonth()</td><td><b>ok1.getMonth()+1</b></td>");
  38. document.write("<td><b>ok2.getFullYear()</b></td><td>ok2.getMonth()</td><td><b>ok2.getMonth()+1</b></td>");
  39. document.write("</tr>");
  40. for (i=0; i<15; i++)
  41. {
  42.   ng = new Date(y, m, d);
  43.   ok1 = new Date(y, m-1, d);
  44.   ok2 = new Date(y + "/" + m + "/" + d);
  45.   
  46.   document.write("<tr>");
  48.   document.write("<td>" + y + "</td><td>" + m + "</td>");
  50.   document.write("<td>" +  ng.getFullYear() + "</td>");
  51.   document.write("<td>" +  ng.getMonth()    + "</td>");
  52.   document.write("<td>" + (ng.getMonth()+1) + "</td>");
  54.   document.write("<td><b>" +  ok1.getFullYear() + "</b></td>");
  55.   document.write("<td>"    +  ok1.getMonth()    + "</td>");
  56.   document.write('<td><b>' + (ok1.getMonth()+1) + "</b></td>");
  58.   document.write("<td><b>" +  ok2.getFullYear() + "</b></td>");
  59.   document.write("<td>"    +  ok2.getMonth()    + "</td>");
  60.   document.write('<td><b>' + (ok2.getMonth()+1) + "</b></td>");
  62.   document.write("</tr>");
  63.   m++;
  64. }
  65. document.write("</table>");
  67. </script>
  70. <div style="font-size:10pt;text-align:right;margin-top:0.5em;">
  71. <a href="//tips.recatnap.info/" target="_top">PCスキルの小技・忘却防止メモ</a> -
  72. <a href="//tips.recatnap.info/wiki/" target="_top">PCスキルの小技・忘却防止メモのまとめ（wiki）</a>
  73. </div>
  75. <div style="font-size:10pt;text-align:center;margin-top:0.5em;padding:0.5em;border-top:1px solid #ccc;">
  76. Copyright &copy; 2009 by PCスキルの小技・忘却防止メモ. All rights reserved.
  77. </div>
  79. </body>
  80. </html>