日期范围选择器禁用日期问题

Question

如何禁用日期我想禁用 2018 年 12 月 20 日，但下面的代码不起作用。

我哪里错了？

$('#datepicker').daterangepicker({
        format: 'YYYY-MM-DD',
        minDate: $.datepicker.formatDate('yy/mm/dd', new Date()),
        isInvalidDate: function(date) {
           if (date.format('YYYY-MM-DD') == '2018-12-20') {
                return true; 
           }
        }
});

Answer 1

$('#datepicker').daterangepicker({
    format: 'YYYY-MM-DD',
    minDate: $.datepicker.formatDate('yy/mm/dd', new Date()),
    isInvalidDate: function(date) {
        var dateParsed = $.datepicker.formatDate('yyyy-mm-dd', date);
        if (dateParsed === '2018-12-20') {
            return false; 
        }
    }
});

我简要浏览了文档，所以试一试。

Answer 2

您的代码运行良好（更改后 minDate :)？

请参阅下面的代码段

$(function(){
   $('#datepicker').daterangepicker({
        format: 'YYYY-MM-DD',
        minDate: new Date(),
        isInvalidDate: function(date) {
            if (date.format('YYYY-MM-DD') == '2018-12-20') {
                return true; 
            }
        }
    });
  
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.3/moment.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.3/daterangepicker.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.3/daterangepicker.js"></script>


<input id="datepicker" >

日期范围选择器禁用日期问题

Date Range Picker disable date issue

javascript

jquery

daterangepicker