I currently am using DateRangePicker by and have the following code for my project :

<form name="calform" action="res_info.php">
<div>Checkout<input type="text" name="checkout"/></div>
<script type="text/javascript">

$(function() {
isInvalidDate: function(date) {
    if (date.format('YYYY-M-D') == '2017-11-12') {
        return true; 
    }
}
    $('input[name="checkout"]').daterangepicker({
        singleDatePicker: true,
        "locale": {
        format: 'YYYY-M-D'
  }
    }, 
    function(start, end, label) {
        var years = moment().diff(start, 'years');
    });
    $('.calendar.right').show();
});
</script>
   <div> <input type="submit" value="Submit"></div>
</form>

But for some reason , isInvalidDate function doesn't work at all. Please Help.

I currently am using DateRangePicker by http://www.daterangepicker. and have the following code for my project :

<form name="calform" action="res_info.php">
<div>Checkout<input type="text" name="checkout"/></div>
<script type="text/javascript">

$(function() {
isInvalidDate: function(date) {
    if (date.format('YYYY-M-D') == '2017-11-12') {
        return true; 
    }
}
    $('input[name="checkout"]').daterangepicker({
        singleDatePicker: true,
        "locale": {
        format: 'YYYY-M-D'
  }
    }, 
    function(start, end, label) {
        var years = moment().diff(start, 'years');
    });
    $('.calendar.right').show();
});
</script>
   <div> <input type="submit" value="Submit"></div>
</form>

But for some reason , isInvalidDate function doesn't work at all. Please Help.

• javascript
• php
• twitter-bootstrap

Share Improve this question Follow edited Aug 7, 2017 at 16:06 Aqua Wong asked Aug 7, 2017 at 15:57 Aqua WongAqua Wong 3111 gold badge11 silver badge33 bronze badges 1

• Where or how are you trying to use the function isInvalidDate? – Amit Joshi Commented Aug 7, 2017 at 16:05

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

isInvalidDate appears to be a method of daterangepicker. As your code currently goes, that method is outside of scope of the daterangepicker object/function.

You'll need to place it inside like so:

$('input[name="checkout"]').daterangepicker({
    singleDatePicker: true,
    "locale": {
        format: 'YYYY-M-D'
    },
    isInvalidDate: function(date) {
        if (date.format('YYYY-M-D') == '2017-11-12') {
            return true; 
        }
    }
});

Additionally, it looks like the code will still be malformed. You have a, what i would consider random, function in the daterangepicker object. I'd read the documentation, to get a better understanding of the use of that function.

http://www.daterangepicker./#options