Jquery 开始日期不应大于结束日期引导日期选择器

我需要禁用过去的日期，也不应该允许选择结束日期小于开始日期和开始日期大于结束日期

*css included*
<link rel="stylesheet" href="{{ asset('assets/css/bootstrap-datepicker3.css') }}">

包括HTML 这是我的laravel项目

<div class="col-lg-4 col-md-3">
    <div class='input-group date' data-provide="datepicker" id='fromdatepicker' >
        {!! Form::text('from_date', null,['id' => 'from_date', 'class' => 'form-control', 'placeholder'=> '-From Date-']) !!}
        <span class="input-group-addon">
            <span class="calendar-icon-bg"> </span>
            <i class="glyphicon glyphicon-calendar"></i>
        </span>
     </div>
</div>
<div class="col-lg-4 col-md-3">
    <div class='input-group date' data-provide="datepicker" id='todatepicker' >
        {!! Form::text('to_date', null,['id' => 'to_date', 'class' => 'form-control', 'placeholder'=> '-To Date-']) !!}
         <span class="input-group-addon">
             <span class="calendar-icon-bg"></span>
             <i class="glyphicon glyphicon-calendar"></i>
         </span>
     </div>
</div>

js

---

请帮帮我。

以下是一个基于您需求的简单示例。结束日期永远不会与开始日期相同或早于开始日期。和过去的日期被禁用

函数populateEndDate{ var date2=$'dateStart'。日期选择器'getDate'； date2.setDatedate2.getDate+1； $'dateEnd'.datepicker'setDate'，date2； $dateEnd.datepickeroption，minDate，date2； } $document.readyfunction{ $dateStart.datepicker{ 日期格式：年月日， minDate:“dateToday”， onSelect:functiondate{ 人口出生日期； } }.datepickersetDate，新日期； $'dateEnd'。日期选择器{ 日期格式：年月日， minDate:1， onClose：函数{ var dt1=$'dateStart'。日期选择器'getDate'； var dt2=$'dateEnd'.datepicker'getDate'；

---

如果dt2这里是一个基于您的需求的简单示例。结束日期将永远不会相同或早于开始日期。并且过去的日期将被禁用

函数populateEndDate{ var date2=$'dateStart'。日期选择器'getDate'； date2.setDatedate2.getDate+1； $'dateEnd'.datepicker'setDate'，date2； $dateEnd.datepickeroption，minDate，date2； } $document.readyfunction{ $dateStart.datepicker{ 日期格式：年月日， minDate:“dateToday”， onSelect:functiondate{ 人口出生日期； } }.datepickersetDate，新日期； $'dateEnd'。日期选择器{ 日期格式：年月日， minDate:1， onClose：函数{ var dt1=$'dateStart'。日期选择器'getDate'； var dt2=$'dateEnd'.datepicker'getDate'；

---

如果dt2建议的答案是正确的，但它是用于jQuery日期选择器而不是引导日期选择器。下面是它如何与引导日期选择器1.9.0配合使用：

---

建议答案的想法是正确的，但它是针对jQuery datepicker而不是bootstrap datepicker的。下面是它如何与bootstrap datepicker 1.9.0配合使用的：

---

Use minDate:'D'属性过去的日期将被禁用。Use minDate:'D'属性过去的日期将被禁用。

<script src="{{ asset('assets/js/bootstrap-datepicker.js') }}"></script>
<script>
$(function () {
    var nowDate = new Date();
    var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
    $("#fromdatepicker").datepicker({
        startDate: today,
        autoclose: true,
        numberOfMonths: 1,
        onSelected: function(selected) {
            $("#todatepicker").datepicker("option","minDate", selected)
        }
  });
  $("#todatepicker").datepicker({
      autoclose: true,
      numberOfMonths: 1,
      onSelected: function(selected) {
          $("#fromdatepicker").datepicker("option","maxDate", selected)
      }
  });  
});
</script>

$("#dateStart").datepicker( {
    //settings
    startDate: new Date('2016-02-02'),
    endDate: new Date()
}).on('changeDate', function(ev) {
    //Get actual date objects from both
    var dt1 = $('#dateStart').data('datepicker').viewDate;
    var dt2 = $('#dateEnd').data('datepicker').viewDate;
    if (dt2 < dt1) {
        //If #dateEnd is before #dateStart, set #dateEnd to #dateStart
        $('#dateEnd').datepicker('update', $('#dateStart').val());
    }
    //Always limit #dateEnd's starting date to #dateStart's value
    $('#dateEnd').datepicker('setStartDate', $('#dateStart').val());
});

$("#endStart").datepicker( {
    //settings
    startDate: $('#dateStart').val(),
    endDate: new Date()
})