日期选择器显示在 2 个不同的日期答案

【问题标题】：Date picker displays in 2 different dates日期选择器显示在 2 个不同的日期
【发布时间】：2016-08-09 15:06:25
【问题描述】：

我最近使用 moment.js 实现了一个日期选择器。由于某种原因，它显示错误的日期。我在日期选择器之外显示了日期，这很好。我控制台记录了变量以查看存储的内容，结果证明这是我想要的格式。但是，当我在日期选择器中调用数据时，它以错误的格式显示。它应该与日期选择器下方输出的内容完全相同。谁能解释我哪里出错了？

在下方输出日期选择器和正确日期：

<div class="datepicker-container">
        <div class="date-from">
          From:
          <datepicker date-set="{{yesterday}}" selector="form-control" date-max-limit="{{today}}" class="date-picker">
            <div class="input-group">
              <input class="form-control" placeholder="Choose a date"/>
              <span class="input-group-addon" style="cursor: pointer">
                <i class="glyphicon glyphicon-calendar"></i>
              </span>
            </div>
          </datepicker>
        </div>
        <div class="date-too">
          To:
          <datepicker date-set="{{today}}" selector="form-control" date-min-limit="{{yesterday}}" class="date-picker">
            <div class="input-group">
              <input class="form-control" placeholder="Choose a date"/>
              <span class="input-group-addon" style="cursor: pointer">
                <i class="glyphicon glyphicon-calendar"></i>
              </span>
            </div>
          </datepicker>
        </div>
      </div>
      <h4>{{yesterday}} and {{today}}</h4>

定义日期：

var currentDate = moment(new Date()).format("DD/MM/YYYY");
console.log("1", currentDate);

$scope.today = currentDate.toString();
console.log("2", $scope.today);

var yesterdaysDate = moment(new Date()).subtract(1, 'days').format("DD/MM/YYYY");
console.log("3", yesterdaysDate);

$scope.yesterday = yesterdaysDate.toString();
console.log("4", $scope.yesterday);

【问题讨论】：

能否提供datepicker 指令/组件声明？

标签： javascript angularjs date formatting momentjs

【解决方案1】：

解决了，我用日期选择器而不是时刻格式化日期。

日期选择器：

<div class="datepicker-container">
    <div class="date-from">
      From:
      <datepicker date-set="{{yesterday}}" date-format="dd/MM/yyyy" selector="form-control" date-max-limit="{{today}}" class="date-picker">
        <div class="input-group">
          <input class="form-control" placeholder="Choose a date"/>
          <span class="input-group-addon" style="cursor: pointer">
            <i class="glyphicon glyphicon-calendar"></i>
          </span>
        </div>
      </datepicker>
    </div>
    <div class="date-too">
      To:
      <datepicker date-set="{{today}}" date-format="dd/MM/yyyy" selector="form-control" date-min-limit="{{yesterday}}" class="date-picker">
        <div class="input-group">
          <input class="form-control" placeholder="Choose a date"/>
          <span class="input-group-addon" style="cursor: pointer">
            <i class="glyphicon glyphicon-calendar"></i>
          </span>
        </div>
      </datepicker>
    </div>
  </div>
  <h4>{{yesterday}} and {{today}}</h4>

时刻：

var currentDate = moment(new Date());
console.log("1", currentDate);

$scope.today = currentDate.toString();
console.log("2", $scope.today);

var yesterdaysDate = moment(new Date()).subtract(1, 'days');
console.log("3", yesterdaysDate);

$scope.yesterday = yesterdaysDate.toString();
console.log("4", $scope.yesterday);

【讨论】：