js中Date日期和模拟日历

超、凢脫俗 2022-07-13 23:23 154阅读 0赞

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <script>
    //---------------------------date日期的创建------------------------
                    //第一种
                    var date1 = new Date();
                    console.log(date1);
    
                    //第二种
                    var date2 = new Date("2016/09/06 00:00:00");
                    console.log(date2);
    
    
                    //后两种兼容性不好，不推荐使用
                    //第三种
                    var date3 = new Date('Wed Jan 27 2016 12:00:00 GMT+0800 (中国标准时间)');
    
                    //第四种
                    var date4 = new Date(2016, 1, 27);
    
    
    
                    console.log(date1.getDate()          )       //获取日 1-31
                    console.log(date1.getDay ()          )       //获取星期 0-6（0代表周日）
                    console.log(date1.getMonth ()        )       //获取月 0-11（1月从0开始）
                    console.log(date1.getFullYear ()	 )      //获取完整年份（浏览器都支持）
                    console.log(date1.getHours ()	     )       // 获取小时 0-23
                    console.log(date1.getMinutes ()	     )     //获取分钟 0-59
                    console.log(date1.getSeconds ()	     )     //获取秒  0-59
                    console.log(date1.getMilliseconds () )       //获取毫秒 （1s = 1000ms）
                    console.log(date1.getTime ()	     )      //返回累计毫秒数(从1970/1/1午夜)
    
    
                    //获取当前时间距离1970/01/01的毫秒值
    
                    //    var date11 = Date.now();
                    //    var date22 = +new Date();
                    //    var date33 = new Date().getTime();
                    //    var date44 = new Date().valueOf();
                    //
                    //    console.log(date11);
                    //    console.log(date22);
                    //    console.log(date33);
                    //    console.log(date44);
    
    
    //--------------------------模拟日历----------------------------------
                    //模拟日历
                    //需求：每天打开这个页面都能定时显示年月日和星期几
                    //步骤：（创建一个当前日期的日期对象，然后获取其中的年月日和星期，赋值给div）
                    //1.创建一个当前日期的日期对象
                    //2.然后获取其中的年月日和星期
                    //3.赋值给div
    
                    //1.创建一个当前日期的日期对象
                    var date = new Date();
                    //2.然后获取其中的年月日和星期
                    var year = date.getFullYear();
                    var month = date.getMonth();
                    var hao = date.getDate();
                    var week = date.getDay();
                    //console.log(year+" "+month+" "+hao+" "+week);
                    //3.赋值给div
                    var arr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
                    var div = document.getElementsByTagName("div")[0];
                    div.innerText = "今天是："+year+"年"+(month+1)+"月"+hao+"日 "+arr[week];
    
    
    </script>
    </body>
    </html>