Get last day of the month using daterangepicker

Question

I want to get the last day of the month using daterangepicker.

Here is my script:

$('input[name="enddate"]').daterangepicker({
    singleDatePicker: true,
    showDropdowns: true,
    isInvalidDate: function( date ) {
        if( date.date() === getLastDayOfYearAndMonth(date.getFullYear(), date.getMonth()) ) {
            return false; 
        } else {
            return true;
        }
    },
    locale: {
        format: 'DD-MMM-YY'
    }
});

function getLastDayOfYearAndMonth(year, month) {
    return(new Date((new Date(year, month + 1, 1)) - 1)).getDate();
}

Go through this [Stackoverflow](https://stackoverflow.com/questions/13571700/get-first-and-last-date-of-current-month-with-javascript-or-jquery). Try this to find last date of any month `new Date(year, month +1, 0).getDate();` — Shubham Baranwal, Jul 26 '18 at 06:13
@ShubhamBaranwal not working, error with this "TypeError: date.getFullYear is not a function" — Rrj Villareal, Jul 26 '18 at 06:26

Kamalesh M. Talaviya · Accepted Answer · 2018-07-27T07:38:39.880

try this to get last date using month and year:

console.log(getLastDayOfYearAndMonth(2018, 2));
function getLastDayOfYearAndMonth(year, month)
{
var d = new Date(year, month, 0);
var lastdate =d.getDate() + '/' + (d.getMonth()+1) + '/' + d.getFullYear();
return lastdate;
}

Edited answer : 27-7-2018 :

month + 1 mean if february is selected then it will take february + 1 = march so it will take less than first day of the march ,so Setting day parameter to 0 means one day less than first day of the month which is last day of the previous month

like explain here

jQuery(function($) {
  $('input[name="daterange"]').daterangepicker({
    singleDatePicker: true,
    showDropdowns: true,
    isInvalidDate: function( date ) {
   
var mydate = new Date(date);
var lastday = getLastDayOfYearAndMonth(mydate.getFullYear(), mydate.getMonth());
      if( date.date() === lastday) {
        return false; 
      } else {
        return true;
      }
    },
    locale: {
      format: 'DD-MMM-YY'
    }
  });
 
  
  //alert(getLastDayOfYearAndMonth('2018', '07'));
  function getLastDayOfYearAndMonth(year, month)
  {
    var d = new Date(year, month+1, 0);
    var lastdate =d.getDate();
    return lastdate;
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link href="https://cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" rel="stylesheet"/>
<input type="text" name="daterange" />

this would help at least on static, but when i tried to populate on if condition it says "TypeError: date.getFullYear is not a function". — Rrj Villareal, Jul 26 '18 at 06:43
in this line try adding new keyword like this -> if( date.date() === getLastDayOfYearAndMonth(new date.getFullYear(),new date.getMonth()) ) { — Kamalesh M. Talaviya, Jul 26 '18 at 06:54
got same error, it says "TypeError: date.getFullYear is not a constructor" — Rrj Villareal, Jul 26 '18 at 07:21
Hi developer kt. i put a sample code. the alert message shows last day of july. the result of the message will be put on the if conditions located on lastday: code here: https://jsfiddle.net/rLnycn80/1290/ — Rrj Villareal, Jul 27 '18 at 06:58

score 0 · Answer 2 · edited Jul 26 '18 at 07:28

0

console.log(getLastDay(2018,7));

    function getLastDay(year,month) {        
    // GET THE MONTH AND YEAR OF THE SELECTED DATE.        
    var LastDay = new Date(year, month + 1, 0);
    // FINALLY, GET THE DAY.
    var weekday = new Array();
    weekday[0] = "Sunday";
    weekday[1] = "Monday";
    weekday[2] = "Tuesday";
    weekday[3] = "Wednesday";
    weekday[4] = "Thursday";
    weekday[5] = "Friday";
    weekday[6] = "Saturday";
    return weekday[LastDay.getDay()] +' (' + 
    LastDay.toDateString('dd/mon/yyyy') + ')';
}

edited Jul 26 '18 at 07:28

codeLover

2,571
1
11
27

answered Jul 26 '18 at 06:43

swathi

97
1
2

Hi i put a sample code. the alert message shows last day of july. the result of the message will be put on the if conditions located on lastday: code here: https://jsfiddle.net/rLnycn80/1290/ – Rrj Villareal Jul 27 '18 at 06:59

Get last day of the month using daterangepicker

2 Answers2