時的具體引導，日期選擇器配置

Question

使用：

<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
<link href="./bootstrap/css/datepicker.css" rel="stylesheet" media="screen"> 
<link href="./css/customize.css" rel="stylesheet" media="screen"> 
<script src="http://code.jquery.com/jquery.js"></script> 
<script src="./bootstrap/js/bootstrap.min.js"></script> 
<script src="./bootstrap/js/bootstrap-datepicker.js"></script> 

要求：
（一）有「從」和「至」日曆
2.兩個「從」和「到」應該禁用日期更大比'當前日期'
3.'收件人'中的日期應該是< =日期'發件人'
4.如果選擇'發件人'日期，那麼'至'日期。然後'至'日期應該更新爲'從'=='到'
5.選擇'從'日期。當選擇「至」日期時，應禁用'至'日曆內的日期爲<'從'日期的日期。
6.自動推進從「從」到「要」

我有這麼遠：

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


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

問題：
1.當我第一次從「到」選擇日期日曆我只有「當前日期」可用。
2.沒有自動進展。
3.選擇 '從' 日期，然後 '要' 約會日曆只顯示 '當前日期'

Answer 1

希望這有助於：

隨着https://github.com/eternicode/bootstrap-datepicker/blob/master/js/bootstrap-datepicker.js

$(function(){ 

    var dateStart = $('#date-start') 
    .datepicker({ 
     startDate: new Date() 
    }) 
    .on('changeDate', function(ev){ 
     dateEnd.datepicker('setStartDate', ev.date); 
     dateStart.datepicker('hide'); 
     dateEnd.focus(); 
    }); 

    var dateEnd = $('#date-end') 
    .datepicker() 
    .on('changeDate', function(ev){ 
     dateStart.datepicker('setEndDate', ev.date); 
     dateEnd.datepicker('hide'); 
    }); 
});