Javascript 使用jQuery显示从开始日期到持续时间的结束日期

我的活动开始日期为2016年10月13日-18:30，活动持续时间为4天。我希望使用jquery将其显示在

DIV

中，如2016年10月13日至16日，如果持续时间仅为一天，则仅显示2016年10月13日

是否可以使用jQuery来实现这一点。请帮助

您可以试试这个

HTML:

<div class="startDate"></div>
<div class="eventDuration"></div>

---

是的，这是可能的。让我们看看你到目前为止都做了些什么。之后，我们可以帮助您。：）这是可能的。但是你能简单地给我解释一下吗？创建事件时，日期存储在数据库中，或者直接使用jquery显示日期？开始日期与持续时间一起存储在数据库中。我正在使用它，但我想显示不同的事件详细信息页面。当结束日期在月底之后时（例如，如果开始日期为10月28日，持续时间为7天），它无法正常工作：那么您的输出格式是什么？我将根据您的输出更新代码。实际输出为：2016年10月13-16日。两个月的输出格式是什么？请检查此项。您可以更新输出格式@特乌拉斯

 $(document).ready(function(){
  var monthNames = ["January", "February", "March", "April", "May", "June",
    "July", "August", "September", "October", "November", "December" ];

  var eventDate = '28 October, 2016 - 18:30';   
  eventDate = eventDate.split('-')[0];
  var eventDuration = 2;

    var eDate = new Date(eventDate);
  var sDate =new Date(eventDate); 

  sDate.setDate(eDate.getDate() + eventDuration -1);
  console.log(sDate);

  var startDate = eDate.getDate();
  var endDate = sDate.getDate(); 


  var text=''
  if(eventDuration == 1){
     text = startDate+' '+ monthNames[eDate.getMonth()]+',    '+eDate.getFullYear();
  }
  else if(sDate.getMonth() != eDate.getMonth() && sDate.getFullYear() == eDate.getFullYear())
  {
  text = startDate+' '+ monthNames[eDate.getMonth()]+" - "+endDate+' '+ monthNames[sDate.getMonth()]+',       '+eDate.getFullYear();
  }
   else if(sDate.getFullYear() != eDate.getFullYear())
  {
  text = startDate+' '+ monthNames[eDate.getMonth()]+',       '+eDate.getFullYear()+" - "+endDate+' '+ monthNames[sDate.getMonth()]+',    '+sDate.getFullYear();
  }
  else{
   text = startDate+"-"+endDate+' '+ monthNames[eDate.getMonth()]+',      '+eDate.getFullYear();
  }
  $(".startDate").text("Start Date: "+ eventDate);
   $(".eventDuration").text("Duration: "+text);

});