javascript - 防止在 Bootstrap Datepicker 中选择日期小于日期

Question

我正在尝试构建两个 Bootstrap 日期选择器。但如果用户输入的“结束”日期小于所选的“开始”日期，我需要提醒用户。关于如何做到这一点有任何帮助吗？我 try catch 这些值，但没有成功提醒用户如果选择

     <div class="well">
  <div id="from-datepicker" class="input-append date">
    <input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>

<div class="well">
  <div id="to-datepicker" class="input-append date">
    <input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>
        <!-- Load jQuery and bootstrap datepicker scripts -->
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
        <script src="js/bootstrap-datepicker.js"></script>
        <script src="js/bootstrap-datepicker.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script type="text/javascript">
$(function() {
    var today = new Date();

    $('#from-datepicker').datepicker({
      language: 'pt-BR',
      startDate: today
    });

     $('#to-datepicker').datepicker({
      language: 'pt-BR'
    });

    $('#from-datepicker').on('changeDate', function(ev){
    $(this).datepicker('hide');
    });

    $('#to-datepicker').on('changeDate', function(ev){
    $(this).datepicker('hide');
    });

    var from = $('#from-datepicker').val();
    alert(from);
});
        </script>

Answer 1

使用日期对象可以获得预期的结果。

 $('#from-datepicker, #to-datepicker').on('changeDate', function(ev){
    $(this).datepicker('hide');
    //Do the empty validation if necessary
    if('' != jQuery("#from-datepicker").val() && '' != jQuery("#to-datepicker").val()){
    var to_date = new Date(jQuery("#from-datepicker").val());
    var from_date = new Date(jQuery("#to-datepicker").val());
       if(from_date.getTime() > to_date.getTime()){
          alert('to date should be after the from date')
       }
    }
  });