Moment.js отображается в DOM - PullRequest
0 голосов
/ 26 октября 2019

Данные для moment.js вообще не отображаются, я пробовал все, начиная с innerHTML и заканчивая добавлением на страницу. Может кто-нибудь сказать мне, что я сделал не так? Спасибо

<body>
     <header class="jumbotron">
     <h1 class="display-3">Work Day Scheduler</h1>
     <p class="lead">A simple calendar app for scheduling your work day</p>
  <div id="currentDay"></div>
     </header>



  var nMoment = moment().format('MMMM Do YYYY, h:mm:ss a');
  var display = $('currentDay')
  display.innerHTML = nowMoment;
  console.log(display);
  console.log(nowMoment)

Нет сообщения об ошибке, оно просто не отображается в DOM

1 Ответ

1 голос
/ 26 октября 2019

В вашем коде есть несколько проблем:

  1. Вы не указали символ идентификатора (#) в селекторе.

  2. У вас нет nowMoment в вашем коде, оно должно быть nMoment .

  3. Используя jQuery, вы должны использовать text() для изменениятекстовое содержимое элемента div .

Попробуйте выполнить следующее:

var nMoment = moment().format('MMMM Do YYYY, h:mm:ss a');
var display = $('#currentDay');
display.text(nMoment);
//console.log(display);
console.log(nMoment)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://rawgit.com/moment/moment/2.2.1/min/moment.min.js"></script>
<header class="jumbotron">
  <h1 class="display-3">Work Day Scheduler</h1>
  <p class="lead">A simple calendar app for scheduling your work day</p>
  <div id="currentDay"></div>
</header>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...