使用javascript和html显示月份，日期和年份

Question

除了时间之外，我还需要显示月份，日期和年份。

我试图为月，日和年创建变量，然后按ID获取元素。 我如何尝试的示例：

var d = date.getDay();
var mn = date.getmonth();
var y = date.getFullYear();

编辑：这是我当前的代码。 我也必须有一个时钟，但是我已经成功地对其进行了编码。

 function showTime(){ var date = new Date(); var h = date.getHours(); var m = date.getMinutes(); var s = date.getSeconds(); var session = "AM"; if(h == 0){ h = 12; } if(h > 12){ h = h - 12; session = "PM"; } h = (h < 10) ? "0" + h : h; m = (m < 10) ? "0" + m : m; s = (s < 10) ? "0" + s : s; var time = h + ":" + m + ":" + s + " " + session; document.getElementById("MyClockDisplay").innerText = time; document.getElementById("MyClockDisplay").textContent = time; setTimeout(showTime, 1000); } showTime();

 <div id="MyClockDisplay" class="clock"></div> <div id="Month"></div> <div id="Day"></div> <div id="Years"></div>

Answer 1

如果您遵循用于构建日期的构建时钟的方式，那么您的方向正确，但是您误解了某些JavaScript日期方法。 getDay()返回星期几的数值（0代表星期日，依此getDate() ），因此您需要使用getDate()返回每月的某天。 另外，请注意， getMonth()返回1月份从0开始的月份索引，因此在显示日期时必须进行调整。

您可以用更少的代码来完成相同的事情，但是以下示例遵循您的模式，因此希望您可以更轻松地遵循。

 function showTime() { var dt = new Date(); var d = dt.getDate(); var m = dt.getMonth() + 1; // getMonth() returns the month "index" starting with 0 for Jan var y = dt.getFullYear(); var hh = dt.getHours(); var mm = dt.getMinutes(); var ss = dt.getSeconds(); var session = "AM"; if (hh == 0) { hh = 12; } if (hh > 12) { hh = hh - 12; session = "PM"; } d = (d < 10) ? "0" + d : d; m = (m < 10) ? "0" + m : m; hh = (hh < 10) ? "0" + hh : hh; mm = (mm < 10) ? "0" + mm : mm; ss = (ss < 10) ? "0" + ss : ss; var date = m + "/" + d + "/" + y; var time = hh + ":" + mm + ":" + ss + " " + session; document.getElementById("myClockDisplay").textContent = time; document.getElementById("myDateDisplay").textContent = date; setTimeout(showTime, 1000); } showTime();

 <div id="myClockDisplay" class="clock"></div> <div id="myDateDisplay"></div>

Answer 2

请看下面。 您的代码的工作副本。

    <html>
    <body onload='showTime()'>
    <h1>Show a push button:</h1>
   <form>
    <div id="MyClockDisplay" class="clock"></div>
    <div id="Month"></div>
    <div id="Day"></div>
    <div id="Years"></div>
    </form>

    <script>
    function showTime(){
    var date = new Date();
    var h = date.getHours(); 
    var m = date.getMinutes(); 
    var s = date.getSeconds();
    var session = "AM";

    if(h == 0){
     h = 12;
    }

    if(h > 12){
    h = h - 12;
    session = "PM";
 }

 h = (h < 10) ? "0" + h : h;
 m = (m < 10) ? "0" + m : m;
 s = (s < 10) ? "0" + s : s;

var time = h + ":" + m + ":" + s + " " + session;
document.getElementById("MyClockDisplay").innerText = time;
// document.getElementById("MyClockDisplay").textContent = time;

setTimeout(showTime, 1000);

}

使用javascript和html显示月份，日期和年份

问题描述

2 个解决方案

解决方案1
1 2018-11-30 15:45:15

解决方案2
-1 2018-11-29 18:34:10

使用javascript和html显示月份，日期和年份

问题描述

2 个解决方案

解决方案1 1 2018-11-30 15:45:15

解决方案2 -1 2018-11-29 18:34:10

解决方案1
1 2018-11-30 15:45:15

解决方案2
-1 2018-11-29 18:34:10