js-Date()对象,get/setFullYear(),getDay()编程练习

啥也不说!看代码

　　主要注意:getday()方法中原理!!!

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Date对象的使用</title>

     <style>

         #get_fullyear{

             height: 200px;

             background-color: pink;

         }

     </style>

     <script>

         // 返回年份  getFullYear() 将获取到的值写入div

         function getfullyear(){

             var mydate = new Date();

             var myfullyear = mydate.getFullYear()

             document.getElementById("get_fullyear").innerHTML=myfullyear;

         }

         //设置年份  setFullYear() 将修改后的值写入div

         function setfullyear() {

             // 获取文本框(#txt)中的值

         var mytxtfullyear = parseInt(document.getElementById("txt").value);

             // 获取对象Date

         var mydate = new Date();

             // 将获取到的值写入

         mydate.setFullYear(mytxtfullyear);

         var mysetfullyear = mydate.getFullYear();

         document.getElementById("get_fullyear").innerHTML = mysetfullyear;

         }

         function getday(){

             var mydate = new Date();

             var myarrday = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

             var mygetday = myarrday[mydate.getDay()];

             document.getElementById("get_fullyear").innerHTML=mygetday;

         }

     </script>

 </head>

 <body>

     <div id="get_fullyear">

     </div>

         <input type="button" value="点击获取年份!" onclick="getfullyear()"><br />

         <input type="text" id="txt">

         <!-- 将text的value默认值设置为当前年份 -->

         <script>

             var mydate = new Date();

             var myfullyear = mydate.getFullYear();

             document.getElementById("txt").value = myfullyear;

         </script>

         <input type="button" value="点击设置年份" onclick="setfullyear()"><br />

         <input type="button" value="点击获取今天的周几?" onclick="getday()">

 </body>

 </html>

巴特西

js-Date()对象,get/setFullYear(),getDay()编程练习

啥也不说!看代码

最新文章

热门文章