如何禁用 daterangepicker 中的过去日期？

Question

我使用两个日期选择的daterangepicker。这工作完美，但如何禁用过去的日期。下面是我的代码

js/site/daterange/moment.min.js">

    <script type="text/javascript" src="<?php echo base_url();?>js/site/daterange/daterangepicker.js"></script>
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>css/site/daterangepicker.css" />
    <script type="text/javascript">
      $(function() {
      $('input[name="checkin"],input[name="checkout"]').daterangepicker({
          autoUpdateInput: false,
          locale: {
              cancelLabel: 'Clear'
          }
      });

      $('input[name="checkin"],input[name="checkout"]').on('apply.daterangepicker', function(ev, picker) {
          //$(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
          $('#checkin').val(picker.startDate.format('MM/DD/YYYY'));
          $('#checkout').val(picker.endDate.format('MM/DD/YYYY'));

      });

      $('input[name="checkin"],input[name="checkout"]').on('cancel.daterangepicker', function(ev, picker) {
          $(this).val('');
      });

      });

Answer 1

据我所知，从你的代码中你想禁用过去的日期，所以有多种方法可以做到这一点，但我认为其中最简单的方法是获取当前日期在文档加载上并将其设置为日期范围选择器的开始日期。

http://www.daterangepicker.com/#options 应该给你一个例子来解释 startDate 语法来做同样的事情，以上述格式查找当前日期的代码如下所示：

var today = new Date(); 
var dd = today.getDate(); 
var mm = today.getMonth()+1; //January is 0! 
var yyyy = today.getFullYear(); 
if(dd<10){ dd='0'+dd } 
if(mm<10){ mm='0'+mm } 
var today = dd+'/'+mm+'/'+yyyy;

今天这里存放你需要的格式的字符串形式，可以设置到startDate属性中。

Answer 2

我遇到了同样的问题。我检查了 http://www.daterangepicker.com/#options 并且在我看来 minDate 可以完成这项工作。

    var today = new Date(); 
    var dd = today.getDate(); 
    var mm = today.getMonth()+1; //January is 0! 
    var yyyy = today.getFullYear(); 
    if(dd<10){ dd='0'+dd } 
    if(mm<10){ mm='0'+mm } 
    var today = dd+'/'+mm+'/'+yyyy; 
    $('input[name="daterange"]').daterangepicker({

             minDate:today
    });

Answer 3

这是解决问题的简单方法

$('input[name="daterange"]').daterangepicker({
      minDate:new Date()
});

如何禁用 daterangepicker 中的过去日期？

How to disable past date in daterangepicker?

daterangepicker