javascript获取日期制作简单日历

最新推荐文章于 2019-12-13 17:24:41 发布

原创最新推荐文章于 2019-12-13 17:24:41 发布 · 476 阅读

1 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

9 篇文章

订阅专栏

本文提供了一个使用JavaScript进行日期和时间操作的简单示例。通过创建一个日期对象并获取当前的年、月、日和星期，最后将这些信息显示在一个HTML页面上。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        window.onload = function () {
            //1.创建一个当前日期的日期对象；
            var date = new Date();
            //2.然后获取其中的年月日和星期；
            var year = date.getFullYear();
            var month = date.getMonth();
            var hao = date.getDate();
            var week = date.getDay();

            //3.赋值给div;
            var arr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
            var div = document.getElementsByTagName("div")[0];
            div.innerText = "今天是" + year + "年" + (month + 1) + "月" + hao + "日 " + arr[week];
        }
    </script>
    <div></div>
</body>
</html>