CODEWITHSUNDEEP
javascriptjquerydaterangepicker
vbnewbie
vbnewbie

Reputation: 226

Date Range Picker disable date issue

How to disable a date I want to disable 20 December 2018, but code below is not working.

where am I wrong?

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

Upvotes: 1

Views: 2429

Answers (2)

Bourbia Brahim
Bourbia Brahim

Reputation: 14702

Your code work well (after changing minDate :)?

See below snippet 

$(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" >

Upvotes: 1

Mirko Acimovic
Mirko Acimovic

Reputation: 506

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

I went through the docs briefly so give it a shot.

Upvotes: 0

Related Questions