Bootstrap-datetimepicker選擇過去的月份

Question

當我選擇「當前日期」，然後選擇一個「範圍」多少個月，它如何以「從和到」格式自動輸出日期。

這是我的項目的圖片。的「從」輸出必須是2017年2月1日，則輸出「到」必須是2017年5月31日

我使用Eonasdan的自舉的DateTimePicker：Link here

這是我的代碼：

index.chtml

<div class="row"> 
    <label class="col-md-2 control-label">Current Month:</label> 
    <div class="col-md-10"> 
     <div class="input-group date" id="dpMonth"> 
      <input type="text" class="form-control" /> 
      <span class="input-group-addon"> 
       <span class="glyphicon glyphicon-calendar"></span> 
      </span> 
     </div> 
    </div> 
</div> 

<div class="row"> 
    <label class="col-md-2 control-label">Range:</label> 
    <div class="col-md-10"> 
     <input id="txtRange" type="text" class="form-control"> 
    </div> 
</div> 

<div class="row"> 
    <label class="col-md-2 control-label">From:</label> 
    <div class="col-md-10"> 
     <input id="txtFrom" type="text" class="form-control" disabled> 
    </div> 
</div> 

<div class="row"> 
    <label class="col-md-2 control-label">To:</label> 
    <div class="col-md-10"> 
     <input id="txtTo" type="text" class="form-control" disabled> 
    </div> 
</div> 

的Javascript：

$('#dpMonth').datetimepicker({ 
    format: 'MM/YYYY' 
}); 

Answer 1

這裏的工作演示：https://codepen.io/anon/pen/vZmMdV

它沒有任何錯誤處理，所以你需要設置了。這只是爲了向您展示如何實施它。

var range = $('#txtRange').val(); 
var toDate = $('#dpMonth').data("DateTimePicker").date().startOf('month').subtract(1, 'day'); 
var fromDate = $('#dpMonth').data("DateTimePicker").date().startOf('month').subtract(range, 'month'); 
$("#txtFrom").val(fromDate.format('L')); 
$("#txtTo").val(toDate.format('L'));