angularjs ui引导程序2日期选择器出错

使用uibootstrap的datepicker，我有一个带有两个控件的页面，一个是starttime，一个是endtime

我想要以下；设置starttime时，endtime的最小日期是开始时间。但是，当我单击endtime时，我希望fielded第一次设置为“”

   <p class="input-group">
              <input  class="form-control" datepicker-popup ng-model="view.starttime" is-open="dateSet.opened.startTime" min-date="'2015-05-02'" max-date="'2015-06-22'" datepicker-options="dateSet.dateOptions" date-disabled="dateSet.disabled(date, mode)" ng-required="true" show-weeks="flase" />
              <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="dateSet.openFn($event,'startTime')"><i class="glyphicon glyphicon-calendar"></i></button>
              </span>
            </p>
 <p class="input-group">
                  <input  class="form-control" datepicker-popup ng-model="view.endtime" is-open="dateSet.opened.endTime" min-date="view.starttime" max-date="'2015-06-22'" datepicker-options="dateSet.dateOptions" date-disabled="dateSet.dateSet.disabled(date, mode)" ng-required="true" show-weeks="flase"/>
                  <span class="input-group-btn">
                    <button type="button" class="btn btn-default" ng-click="dateSet.openFn($event,'endTime')"><i class="glyphicon glyphicon-calendar"></i></button>
                  </span>
                </p>

这对我来说很有用（源自引导程序演示）

HTML

{{updateEndDate}

---

Plunk

如果我理解正确，您希望将“结束日期”选择器上的最小日期设置为“开始日期”选择器的值，但希望将结束日期选择器初始化为空

为此，需要将结束日期初始化为空值。在您的情况下，这将是

$scope.view={endtime:'}。由于您没有提供控制器代码或演示，我只是在下面创建了一个简单的演示，它符合我认为您想要实现的目标


var-app=angular.module（'daterange.demo'，['ui.bootstrap']））
.config（函数（datepickerConfig、datepickerPopupConfig）{
datepickerConfig.formatYear='yy'；
datepickerConfig.startingDay=1；
datepickerConfig.showWeeks=false；
datepickerPopupConfig.datepickerPopup=“shortDate”；
datepickerPopupConfig.closeText=“Close”；
});
app.controller（'DatepickerPopupDemoCtrl'，函数（$scope）{
$scope.startdt=新日期（）；
$scope.enddt=''；
$scope.opened={
斯塔特：错，
enddt:false
};
$scope.open=函数（$event，picker）{
$event.preventDefault（）；
$event.stopPropagation（）；
$scope.opened[picker]=true；
};
$scope.$watch（'startdt'，函数（newval）{
如果（$scope.enddt！=''&&newval>$scope.enddt）{
$scope.enddt=newval；
}
});
$scope.setRangeClass=函数（日期、模式）{
如果（模式=='day'）{
var dayToCheck=新日期（Date）.setHours（12,0,0,0）；
var startDay=新日期（$scope.startdt）.setHours（12,0,0,0）；
var endDay=新日期（$scope.enddt）.setHours（12,0,0,0）；
如果（dayToCheck>=startDay&&dayToCheck
@import”http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css";
.btn默认值[禁用]，.btn-default.disabled{
背景色：#999；
}
.range>.btn默认值{
背景色：#5bb75b；
}
.量程按钮量程{
颜色：#fff；
字体大小：粗体；
}

弹出日期范围选择器演示
日期范围：{startdt | Date:'fullDate'}-{{enddt | Date:'fullDate'}
开始日期


结束日期


这是一页还是两页？示例说一条文本表示两条。在这里查看我的答案：和演示：在1页中对不起，我的英语很差
  $scope.updateEndDate  = true;

  $scope.$watch('startDate', function(val) {
      if($scope.updateEndDate)  $scope.endDate = val;
  });

  $scope.click = function() {
       if ($scope.updateEndDate)
       {
         $scope.updateEndDate  = false;
         $scope.endDate = "";
       }
  };

{{updateEndDate}}
<div class="col-md-6">
    <p class="input-group">
      <input name="startDate" type="text" class="form-control" 
      ng-model="startDate" 
      is-open="opened" 
      ng-required="true" close-text="Close" />
      <span class="input-group-btn">
        <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
      </span>
    </p>
</div>

<div class="col-md-6">
    <p class="input-group">
      <input 
      ng-focus="click()" 
      name="endDate" type="text" class="form-control" 
      ng-model="endDate" 
      is-open="opened" 
      ng-required="true" close-text="Close" />
      <span class="input-group-btn">
        <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
      </span>
    </p>
</div>