禁用angular bootstrap datetimepicker中的所有先前日期

时间:2016-05-27 10:06:39

标签: javascript angularjs datepicker bootstrap-datetimepicker

我正在使用angularjs创建一个项目。我从链接中集成了angulardatetimepicker:

https://github.com/dalelotts/angular-bootstrap-datetimepicker

现在我要禁用当前日期的所有先前日期。 这是我的代码:

 function beforeRender($view, $dates, $leftDate, $upDate, $rightDate) {
    var minDate = moment().startOf($view).valueOf();  
    for(var i=1; i < $dates.length;i++) {
       if(new Date().getTime() > $dates[i].utcDateValue) {
          $dates[i].selectable = false;
       }
    }     
    }

此代码未正确禁用日期

2 个答案:

答案 0 :(得分:3)

循环中的微小变化:

   function beforeRender($view, $dates, $leftDate, $upDate, $rightDate) {
    var minDate = moment().startOf($view).valueOf();  
    for(var i=0; i < $dates.length;i++) {
       if(minDate > $dates[i].utcDateValue) {
          $dates[i].selectable = false;
       }
    }     
    }

答案 1 :(得分:0)

考虑避免......循环:

function beforeRender($view, $dates) {
  var today = moment().valueOf(); 

  $dates.filter(function (date) {
    return date.localDateValue() < today
  }).forEach(function (date) {
    date.selectable = false; 
  })
}