Question

我的网页需要动态日期。我希望它显示不同的日期，因为我正在处理门票销售，而且价格因您购买它的日期而异。

第一张票（当日 - 2017年1月31日）

第二张票（当天+2 - 当日+6）

第三张票（当天+ 2017年1月7日至31日）

这就是我想要的样子。可以说今天是2016年12月1日。

第一张门票（1月1日至2017年1月31日）

第二张票（2016年12月3日至12月7日）

第三张票（2017年12月8日至2017年1月31日）

我已经做过一些事情，但我不知道，如果这是正确的方法。也许还有一种更简单的方法？而且我似乎无法在第一次约会时删除这一年。

var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul',
'Aug','Sep','Oct','Nov','Dec'];       
var tomorrow = new Date();
tomorrow.setTime(tomorrow.getTime() + (3600*24));       
document.getElementById("spanDate").innerHTML = tomorrow.getDate() + " " + months[tomorrow.getMonth()] + " " + tomorrow.getFullYear();
var tomorrow = new Date();
tomorrow.setTime(tomorrow.getTime() + (2000*3600*24));       
document.getElementById("spanDate2").innerHTML = tomorrow.getDate() + " " + months[tomorrow.getMonth()] + " " + tomorrow.getFullYear();
var tomorrow = new Date();
tomorrow.setTime(tomorrow.getTime() + (6000*3600*24));       
document.getElementById("spanDate3").innerHTML = tomorrow.getDate() + " " + months[tomorrow.getMonth()] + " " + tomorrow.getFullYear();
var tomorrow = new Date();
tomorrow.setTime(tomorrow.getTime() + (7000*3600*24));       
document.getElementById("spanDate4").innerHTML = tomorrow.getDate() + " " + months[tomorrow.getMonth()] + " " + tomorrow.getFullYear();

#day1, #day2, #day3{
  background-color:lightgrey;
  padding:10px;
  width:300px;
  height:auto;
  margin-bottom:2px;

}

.text{
  background-color:lightblue;
  margin-right:20px;
  padding:10px;
}

<div id="day1"><span class="text">1. Ticket </span><span id="spanDate"></span> - 31. Dec 2017</div>
<div id="day2"><span class="text">2. Ticket </span><span id="spanDate2"></span> - <span id="spanDate3"></span></div>
<div id="day3"><span class="text">3. Ticket </span><span id="spanDate4"></span> - 31. Dec 2017</div>

Javascript（在网页中插入动态日期）

0 个答案: