2015-05-05 19 views
0

如何根据开始日期中使用角度js选择的日期禁用结束日期日历中的日期例如:如果在开始日期中选择2015年4月4日在结束日期部分,日期必须从2015年4月5日起启用,即结束日期不得少于开始日期。如何在角度js上禁用开始日期的结束日期

这里是我的html页面

Start Date 
       <a class="dropdown-toggle" id="dropdown2" role="button" data-toggle="dropdown" data-target="#" href="">  
        <div class="input-group"> 
         <input type="text" class="form-control" data-ng-model="data.date" data-date-format="YYYY-MM-DD HH:MM:SS"> 
         <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 
        </div>  
       </a> 
       <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
        <datetimepicker data-ng-model="data.date" 
         data-datetimepicker-config="{ dropdownSelector: '#dropdown2' }"> 
        </datetimepicker> 
       </ul> 
      End Date 
       <a class="dropdown-toggle" id="dropdown2" role="button" data-toggle="dropdown" data-target="#" href="">  
        <div class="input-group"> 
         <input type="text" class="form-control" data-ng-model="data.date" data-date-format="YYYY-MM-DD HH:MM:SS"> 
         <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 
        </div>  
       </a> 
       <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
        <datetimepicker data-ng-model="data.date" 
         data-datetimepicker-config="{ dropdownSelector: '#dropdown2' }"> 
        </datetimepicker> 
       </ul> 

回答

0

你可以像这样

var nowTemp = new Date(); 
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 

var checkin = $('#dpd1').datepicker({ 
    onRender: function(date) { 
    return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
    } 
}).on('changeDate', function(ev) { 
    if (ev.date.valueOf() > checkout.date.valueOf()) { 
    var newDate = new Date(ev.date) 
    newDate.setDate(newDate.getDate() + 1); 
    checkout.setValue(newDate); 
    } 
    checkin.hide(); 
    $('#dpd2')[0].focus(); 
}).data('datepicker'); 
var checkout = $('#dpd2').datepicker({ 
    onRender: function(date) { 
    return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : ''; 
    } 
}).on('changeDate', function(ev) { 
    checkout.hide(); 
}).data('datepicker'); 

在这里,我已经使用jQuery的..

相关问题