在angular中使用dateRangePicker不起作用

Question

在让我的日期范围选择器正确包含开始日期和结束日期时遇到一些麻烦。

这是我的角度指令控制器：

function spotFilter(){
  return {
    restrict: 'AE',
    replace: true,
    transclude: true,
    templateUrl: "../WebPortal/js/directives/templates/spot_filter.html",
    link: function(scope, element, attr){
      scope.startDate = moment().format('MM/DD');
      scope.endDate = moment().add(7, 'days').format('MM/DD');
      angular.element('#date-range').dateRangePicker({startDate:scope.startDate,endDate:scope.endDate});
    }
  };    
}

和我的HTML：

<input type="daterange" class="form-control date-range" id="date-range" format="MM DD" placeholder="{{startDate}} to {{endDate}}">

它在我的占位符中正确显示，但我的日期范围选择器在打开时没有默认的开始和结束日期。帮助