【JavaScript】格式化日期和应用

最新推荐文章于 2024-03-28 14:34:05 发布

知野小兔

最新推荐文章于 2024-03-28 14:34:05 发布

阅读量120

点赞数

分类专栏：前端文章标签： javascript html

本文链接：https://blog.csdn.net/weixin_43945903/article/details/120172777

版权

JavaScript 日期格式化按钮点击事件 newDate DOM操作

关键词由CSDN通过智能技术生成

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

格式化日期：

 <script>
   // 格式化日期：年月日
        var date = new Date();
        console.log(date.getFullYear()); //返回当前日期的年份
        console.log(date.getMonth() + 1); //返回的月份要加1
        console.log(date.getDate()); //返回的日期
        console.log(date.getDay()); //返回星期数：周一返回的是1,但周日返回的是0

        // 输出当前日期的格式化
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var dates = date.getDate();
        var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        var day = date.getDay();
        console.log('今天是：' + year + '年' + month + '月' + dates + '日' + arr[day]);

js点击按钮，显示当前日期

<body>

    <div>时间</div>
    <button>显示当前时间</button>

    <script>

        // 获取元素 
        var btn1 = document.querySelector("button");
        var div1 = document.querySelector("div");


        // 注册事件
        btn1.onclick = function () {
            div1.innerText = getDate();
        }

        function getDate() {
            debugger
            var date = new Date();
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var dates = date.getDate();
            var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
            var day = date.getDay();
            return '今天是：' + year + '年' + month + '月' + dates + '日' + arr[day];

        }
    </script>
    
</body>

结果显示：
在这里插入图片描述

debugger：
在这里插入图片描述

知野小兔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
2
评论
【JavaScript】格式化日期和应用

格式化日期： <script> // 格式化日期：年月日 var date = new Date(); console.log(date.getFullYear()); //返回当前日期的年份 console.log(date.getMonth() + 1); //返回的月份要加1 console.log(date.getDate()); //返回的日期 console.log(date.getDay());
复制链接

扫一扫