Отображение месяца, даты и года с помощью JavaScript и HTML - PullRequest
Новая
       2

Отображение месяца, даты и года с помощью JavaScript и HTML

0 голосов
/ 29 ноября 2018

Мне нужно отобразить месяц, дату и год в дополнение к времени.

Я попытался создать переменные для месяца, дня и года, а затем получить элемент по идентификатору.Пример того, как я пытался это сделать: 

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>

Ответы [ 2 ]

0 голосов
/ 30 ноября 2018

Вы на правильном пути, если вы следуете той же схеме, что и при создании часов, чтобы построить дату, но вы неправильно понимаете некоторые методы датирования в JavaScript.getDay() возвращает числовое значение для дня недели (0 для воскресенья и т. Д.), Поэтому вместо него нужно использовать getDate(), чтобы вернуть день месяца.Кроме того, имейте в виду, что getMonth() возвращает индекс месяца, начинающийся с 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>
0 голосов
/ 29 ноября 2018

Пожалуйста, смотрите ниже.рабочая копия вашего кода.

    <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);

}

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...