html怎么做日期的格式?

 我来答
崔carat要开心

2022-09-28 · 超过167用户采纳过TA的回答
知道小有建树答主
回答量:533
采纳率:100%
帮助的人:25.9万
展开全部

效果图:


代码截图:(关键部分用框框标出)

源码:

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>


<body>

    <div>

        <span id="date"></span> <br>

        <span id="week"></span>

    </div>


    <script>

        var showDate = document.getElementById('date');  // 获取页面元素

        var showWeek = document.getElementById('week');  // 获取页面元素


        var time = new Date();

        var year = time.getFullYear();  //获取年份

        var month = correctDate(time.getMonth() + 1);  //获取月份

        var day = correctDate(time.getDate());   //获取日期


        var date = "今天是" + year + "年" + month + "月" + day + "日";

        var week = time.getDay();  // 获取星期几,返回的是0/1/2/3/4/5/6 0代表周日


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

        var toWeek = weeks[week];  // 获取今日星期

        showDate.innerHTML = date;  // 将日期显示在页面

        showWeek.innerHTML = toWeek;  // 将星期显示在页面


        /* 这是一个规范数字的函数:

            当时间小于10时,在数字前面加上0,统一都是用两个数字表示,

            比如3月5日就显示03月05日

        */

        function correctDate(date){

            if(date<10){

                return '0'+date;

            }

            return date;

        }

    </script>

</body>

</html>

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式