javascript - 将制造提前期添加到网站Javascript to HTML

我正在使用与必须使用的后端配合使用的CMS系统。我正在尝试使其显示生产提前期日期，例如www.customink.com。当日+10个工作日，我在此自定义CMS中使用了HTML小部件，因此我不确定是否相关。我正在努力让它显示出来，我真的不知道自己在做什么。我尽力了。到目前为止，这就是我所拥有的。

编辑：另外，如果我只想显示M-F，我该怎么做？我想读它-10月11日星期五担保

<html>
<body>

<script>
document.getElementById("p1").innerHTML = newDate;

function addDays(theDate, days) {
return new Date(theDate.getTime() + days*24*60*60*1000);
}
var newDate = addDays(new Date(), 10);;

</script>


</body>
</html>

最佳答案

document.getElementById("p1").innerHTML = newDate;

在此语句中，您正在尝试查找ID为p1的DOM元素，然后将newDate变量的值设置为其值。因此，应在script块之前定义一个具有此类ID的元素。

然后，在为上述元素设置值之后，便声明并设置newDate的值。但是您应该在此之前做。

请参阅下面的固定代码。
（我将<div>元素用作p1元素。但是，根据您的要求，您可以使用其他任何选项，例如<span>，<h1>，<h2>等。）

<html>
<head>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js'></script>
</head>
<body>

<div id='p1'></div>

<script>
var newDate = addDays(new Date(), 10);
document.getElementById("p1").innerHTML = formatDate(newDate);

function addDays(theDate, days) {
  //return new Date(theDate.getTime() + days*24*60*60*1000);
  return moment(theDate).add(days, 'd').toDate();

}

function formatDate(date) {
  return moment(date).format('[Guaranteed by] ddd, MMM DD');
}


</script>




</body>
</html>