Moment.js显示到DOM

问题描述 投票:-1回答:1

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中

javascript jquery
1个回答
1
投票

您的代码中有几个问题:

  1. 您未在选择器中指定id符号(#)。

  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>
© www.soinside.com 2019 - 2024. All rights reserved.