2017-08-21 67 views
-1

這是我的html代碼:如何僅在我的日曆中顯示上個月?

<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> 

我想要顯示的前一個月只在我的日曆。我該怎麼做?

+2

你使用的是什麼datepicker插件? – BenM

+0

bootstrap datepicker –

+0

RTM:['startDate'](https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#senddate)and ['endDate'](https://bootstrap-datepicker.readthedocs .IO/EN /最新/ options.html#開始日期)。 – BenM

回答

1

如果我正確理解您的問題,您只想顯示一個月(上個月)。如果是的話,試試這個:

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

要了解如何讓這個月的第一天,看看this answer

這裏是一個JSFiddle

相關問題