年月不显示答案

【问题标题】：Month and Year not displaying年月不显示
【发布时间】：2019-07-22 04:10:59
【问题描述】：

我正在尝试显示当前月份和年份，但没有显示任何内容。

HTML：

<div id="date"></div>

CSS：

#date {
  display: block;
  color: black;
  font-size: 50px;
  top: 50px;
  left: 50px;
}

JavaScript：

(function() {
    var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];

    var months = ['January','February','March','April','May','June','July','August','September','October','November','December'];

    Date.prototype.getMonthName = function() {
        return months[ this.getMonth() ];
    };
    Date.prototype.getDayName = function() {
        return days[ this.getDay() ];
    };
})();

var now = new Date();

var day = now.getDayName();
var month = now.getMonthName();

【问题讨论】：

为什么你有想要当前月份和年份的日子？

标签： javascript html css google-chrome-extension

【解决方案1】：

您需要将您的 JS 连接到您的 HTML。这是通过DOM 完成的。

首先，您需要获取 Date div，然后使用您的日期和月份值将数据插入到 div 中。

将这两行添加到 JS 的底部，您将看到日期和月份。

var date_div = document.getElementById("date")
date_div.innerHTML = day + "," + month

【讨论】：

【解决方案2】：

document.getElementById("date").innerHTML = month;

【讨论】：

【解决方案3】：

这就是你要找的吗？

(function() {

  var date = new Date();

  var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];

  var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

  document.getElementById('date').innerHTML = months[date.getMonth()] + ' ' + months[date.getDay()]
})();

#date {
  display: block;
  color: black;
  font-size: 50px;
  top: 50px;
  left: 50px;
}

&lt;div id="date"&gt;&lt;/div&gt;

【讨论】：

【解决方案4】：

你甚至可以使用

document.querySelector("#date").insertAdjacentHTML("afterbegin",day+","+month)

但请注意，这不会清除日期 div 中已经可用的内容

【讨论】：

【解决方案5】：

你好，请试试这是工作代码。

JS

(function() {
    var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];

    var months = ['January','February','March','April','May','June','July','August','September','October','November','December'];

    Date.prototype.getMonthName = function() {
        return months[ this.getMonth() ];
    };
    Date.prototype.getDayName = function() {
        return days[ this.getDay() ];
    };
})();

var now = new Date();
document.getElementById('date').innerHTML = now.getDayName() + "-" +  now.getMonthName();

HTML

<div id="date"></div>

这里是jsFiddle

【讨论】：