将制造提前期添加到网站 Javascript 到 HTML答案

【问题标题】：Adding a manufacturing lead time to website Javascript to HTML将制造提前期添加到网站 Javascript 到 HTML
【发布时间】：2019-09-28 15:12:28
【问题描述】：

我正在使用与我们必须使用的后端一起工作的 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>

【问题讨论】：

您使用的是什么 CMS？我有一些使用 Wix 的经验，并在其中构建了繁重的 javascript/Node。这些 CMS 中的每一个都有开发人员文档，您可以使用这些文档来帮助指导您。
@sao 它叫做 DecoNetwork，它更像是一个混合 CMS/ERP 系统

标签： javascript html content-management-system

【解决方案1】：

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>

【讨论】：

<div> 不是自闭合标签
啊！这很有意义。这工作，谢谢！至于格式化日期的显示方式，我在哪里调整它？显然我不知道如何编写 Javascript！
例如，如果我希望它留在 M-F 内并显示为 - 由 10 月 11 日星期五保证。
@HunterSrine 最好使用 MomentJS (momentjs.com) 或 DateJS (github.com/datejs/Datejs) 等日期操作库。如果您想在没有任何库的情况下执行此操作，请参阅以下答案。 stackoverflow.com/questions/3552461/…
@UdithGunaratna 是否可以使用不在我们服务器上的带有 CMS 的库？我无法访问任何服务器等。