javascript - 在 JS 中单独写日期

Question

我有一个带有 Javascript 外部链接的 HTML 文档。

我需要创建三个单独的变量并调用日、月和年。

完全不懂。我试过 we3 学校的代码，但它对我来说没有意义。

有人可以告诉我如何显示这些不同的项目(日、月、年)吗？我快疯了。

如果有人可以向我展示代码及其含义，我会很高兴，因为我整天都在阅读不同的代码，但这就像阅读另一种语言，但我不明白。

蒂亚

这是我的代码。我不知道自己在做什么，所以我敢肯定这是一团糟!

var myDate = new Date();
console.log(myDate);


function showDate(){
    var mn = date.getMonth();
    var d = date.getDay();
    var y = date.getCurrentYear();

    var date = mn + d + y session;
    document.getElementById("'Month', 'Day', 'Year'")

}

Answer 1

我怀疑您想要的是可读的月份、日期等。 JavaScript 不支持开箱即用。因此，您需要创建数组来保存这些值，以便向用户呈现可读的内容；但是，请继续阅读最后我的 MomentJS 示例。

const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]


function showDate(){
  var fullDate = new Date();    
  var d = fullDate.getDay();
  var m = fullDate.getMonth();
  var y = fullDate.getFullYear();

  var date = `${months[m]} ${d}, ${y}`;
  document.getElementById('date').innerHTML = date;

}

showDate();

<div id="date"><div>

MomentJS 已经计算出日期，你真的应该使用它

function showDate() {
  var date = moment().format('MMMM D, YYYY');
  document.getElementById('date').innerHTML = date;
}

showDate();

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<div id="date"></div>

对您的原始代码的代码反馈

1. 在您的代码中使用 document.getElementById("'Month', 'Day', 'Year'")。您只能为每个 getElementById 引用一个 ID，因此这是行不通的。
2. 此外，以上只是对页面上元素(也称为 DOM)的引用。您需要使用 .innerHTML
为其分配一个值
3. 你的函数中有随机变量session
4. 您必须调用您的函数才能运行该代码。即，showDate()