使用日期集的AngularJS datepicker

debugcn 发表于 Dev

加勒特

我一直在尝试这个AngularJS包（https://www.npmjs.com/package/angularjs-datepicker），并且正在努力使用date-set属性。在我的示例中，我有2个日历，其中1个应显示昨天的日期，另1个应显示今天的日期。有人可以帮我设定这些日期吗？

日期选择器：

  <div class="datepicker-container">
    <div class="date-from">
      From:
      <datepicker date-format="dd/MM/yyyy" selector="form-control" date-set="{{}}" 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-format="dd/MM/yyyy" selector="form-control" date-set="{{}}" 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>

设定日期：

$scope.dateFrom = new Date();
$scope.dateTo = new Date();

戈皮纳什·希瓦（Gopinath Shiva）

  var date = new Date();

  $scope.today = date; //to show today's date

  date.setDate(date.getDate() - 1); //to get yesterday's date, Ref:http://stackoverflow.com/questions/5511323/javascript-yesterday

  $scope.yesterday = date;

使用日期集：

从上面链接的文档中，https://www.npmjs.com/package/angularjs-datepicker。我看到您必须将dateobject作为stringattribute传递date-set，因此将date对象转换为string。

//js 
var date = new Date();

$scope.today = date.toString(); //to show today's date

date.setDate(date.getDate() - 1); //to get yesterday's date, Ref:http://stackoverflow.com/questions/5511323/javascript-yesterday

$scope.yesterday = date.toString();



//html
<datepicker date-format="dd/MM/yyyy" selector="form-control" date-set="{{today}}" class="date-picker">

<datepicker date-format="dd/MM/yyyy" selector="form-control" date-set="{{yesterday}}" class="date-picker">

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。