Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

daterangepicker select range within one month

Using this http://www.daterangepicker.com/

How to use daterangepicker to select range from only one month. Enabling singleDatePicker: true makes it onlt date picker, but I need range for one month.

i.e. for jan 1 2017 to jan 15 2017. or any range within a month.

I have tried

"dateLimit": {
    "month": 1
 },

But it select jan 1 to 31 and feb 1 also.

If not possible please suggest an alternative.

Edit (Current Code)

function cb(start, end) {
            $('#daterange span').html(start.format('MMM D, YYYY') + ' - ' + end.format('MMM D, YYYY'));

            enroll_date_start.value = start.format('YYYY-MM-DD');
            enroll_date_end.value   = end.format('YYYY-MM-DD');
        }

        $('#daterange').daterangepicker({
            maxDate: moment(),

            "dateLimit": {
                "month": 1
            },
            ranges: {
               'Today': [moment(), moment()],
               'This Month': [moment().startOf('month'), moment().endOf('month')],
               'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
            }
        }, cb);

enter image description here

like image 701
Abdul Rehman Avatar asked Feb 05 '23 21:02

Abdul Rehman


2 Answers

Simply add the following in the dateLimit option.

dateLimit: {
    'months': 1,
    'days': -1
}
like image 138
Alexandros Trepeklis Avatar answered Feb 07 '23 19:02

Alexandros Trepeklis


I know that I'm late but this solution works for me:

Add this line to options:

linkedCalendars: false

and them add this to the css:

.drp-calendar.right {
    display: none !important;
  }

The father class (drp-calendar in my case) could be different, check it with inspector.

Source: https://github.com/dangrossman/daterangepicker/issues/1152#issuecomment-229439154

like image 21
Alvargon Avatar answered Feb 07 '23 17:02

Alvargon