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

您的代码工作正常（更改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" >

Answer 2

$('#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; 
        }
    }
});

我简短地浏览了文档，因此请尝试一下。

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

2 个答案: