daterangepicker select range within one month


Using this

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');

            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


I found another plugin with a lot of features and the feature I needed.

Option: Single Month Mode (with range dates)

Answered By – Abdul Rehman

Answer Checked By – Willingham (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.