特定于案例的 bootstrap-datepicker 配置答案

【问题标题】：Case specific bootstrap-datepicker configuration特定于案例的 bootstrap-datepicker 配置
【发布时间】：2013-04-19 16:22:20
【问题描述】：

使用：

<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>

要求：
1. 有“从”和“到”日历
2. 'From' 和 'To' 的禁用日期都应该大于 'current date'
3. 'To' 中的日期应该是 4. 如果选择了“从”日期并且它是 >，那么“到”日期。然后“到”日期应更新为“从”==“到”
5. 选择“从”日期。 When 'To' date is being selected then dates inside the 'To' calendar that are 6.从'From'到'To'的自动前进

我已经走到这一步了：

    $(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. When selected 'From' date and then 'To' date calendar shows only 'current date'

【问题讨论】：

标签： jquery jquery-ui jquery-plugins twitter-bootstrap datepicker

【解决方案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');
    });
});

【讨论】：