在列表中显示日期，而不是选择选项

Question

我有一个函数，显示今天的日期以及接下来的60天，但是我不知道如何转换它，以便它显示在正常列表中，而不是select元素。

var dateRange = document.getElementById('date-range'),
    monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];

for(var day = 0; day < 60; day++) {
  var date = new Date();
  date.setDate(date.getDate() + day);
  dateRange.options[dateRange.options.length] = new Option([date.getDate(), monthNames[date.getMonth()], date.getFullYear()].join(' '), date.toISOString());
}

<select id="date-range">
</div>

Answer 1

​

var dateRange = document.getElementById('date-range');
    monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];

for(var day = 0; day < 60; day++) {
  var date = new Date();
  date.setDate(date.getDate() + day);
  
  var li = document.createElement("li");
  
  
  var MyDateString = ('0' + date.getDate()).slice(-2) + '/'
             + monthNames[date.getMonth()] // +   '/'
          //   + date.getFullYear();
  
  
  
  
  li.innerHTML = MyDateString;
  dateRange.appendChild(li);
  
}

<ul id="date-range">
</ul>

​