在下拉列表中使用 javascript 显示未来日期。 （每次动态）

Question

我有 jsfiddle http://jsfiddle.net/92yv2h9n/

如您所见，下拉菜单的第一个选项显示当前日期。接下来的两个选项应该显示未来的日期。

例如，今天是 12 月 11 日。因此应显示 12 月 12 日和 13 日的未来日期。目前它仅显示当前日期。它的格式为 mm-dd-yyyy。

有人可以强调我如何才能实现未来的日期。

PS- 应该自动注意到 2 月有 28 天，12 月有 31 天，依此类推。

这里是代码。

JS代码

function Ctrl($scope) {
$scope.date = new Date();
}

HTML 代码

<div ng-app ng-controller="Ctrl">
<select>
<option>{{date | date:'MM-dd-yyyy'}}</option>
<option>{{date | date:'MM-dd-yyyy'}}</option>
<option>{{date | date:'MM-dd-yyyy'}}</option>
</select>
</div>

Answer 1

将日期转换为毫秒并在其上添加一天毫秒（或第二个天为 2 天）：

<div ng-app ng-controller="Ctrl">
  <select>
    <option>{{date.getTime() | date:'MM-dd-yyyy'}}</option>
    <option>{{(date.getTime() + (1000 * 60 * 60 * 24)) | date:'MM-dd-yyyy'}}</option>
    <option>{{(date.getTime() + (1000 * 60 * 60 * 48)) | date:'MM-dd-yyyy'}}</option>
  </select>
</div>

---

使用 ng-repeat 的更短版本：

<div ng-app ng-controller="Ctrl">
  <select>
    <option ng-repeat="date in [0,1,2]">{{date.getTime() + (1000 * 60 * 60 * 24 * day)| date:'MM-dd-yyyy'}}</option>
  </select>
</div>

---

避开周末：

<div ng-app ng-controller="Ctrl">
  <select>
    <option ng-repeat="day in dates">{{date | date:'MM-dd-yyyy'}}</option>
  </select>
</div>

控制器：

function Ctrl($scope) {
    $scope.baseAdd = 0;
  $scope.dates = [0,1,2].map(function(day) {
    dateobj = new Date(new Date().getTime() + (1000 * 60 * 60 * 24 * (day + $scope.baseAdd)));
        while(dateobj.getDay() == 6 || dateobj.getDay() == 0) {
      dateobj = new Date(new Date().getTime() + (1000 * 60 * 60 * 24 * (day + $scope.baseAdd++)));
    }
    console.log(dateobj)
    return dateobj;
});
}