How Can I show the previous month only in my calendar?

Question

This is my html code:

<div class="input-group input-medium date date-picker"
    data-date=""
    data-date-format="yyyy-mm-dd"
    data-date-viewmode="years"
    data-date-minviewmode="months"
    data-date-end-date="+0d">
    <input name="water.month" type="text" value="${water?.month}" class="form-control" id="months">
    <span class="input-group-btn">
        <button class="btn btn-info" type="button"><i class="fa fa-calendar"></i></button>
    </span>
</div>

I want to show the previous month only in my calendar . How Can I do it?

RTM: [`startDate`](https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#senddate) and [`endDate`](https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#startdate). — BenM, Aug 21 '17 at 11:02
Please define 'not working', and update your question with what you've tried. Even better, put together a jsFiddle to demonstrate. — BenM, Aug 21 '17 at 11:22

Mahmoud Ibrahim · Accepted Answer · 2017-08-21T14:18:09.957

If I understand your question correctly, You want to display only one month (Previous Month). If so, Try this:

<div id='myDate'>
    <input type="text" type="text" class="form-control"/>
</div>

Javascript:

var now = new Date();
var prevMonthFirstDate = new Date(now.getFullYear() - (now.getMonth() > 0 ? 0 : 1), (now.getMonth() - 1 + 12) % 12, 1);
var prevMonthLastDate = new Date(now.getFullYear(), now.getMonth(), 0);
$('#myDate input').datepicker({
startDate: prevMonthFirstDate,
endDate: prevMonthLastDate
});

To understand how to get the first day of the month, have a look at this answer

Here is a JSFiddle

How Can I show the previous month only in my calendar?

1 Answers1