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中
您的代码中有几个问题:
您未在选择器中指定id符号(#
)。
您的代码中没有nowMoment,应该为nMoment。
使用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>