Bootstrap-datetimepickerは過去の月を選択します

Question

「現在の日付」から「何ヶ月」の「範囲」を選択すると、どのように日付を自動的に「出入り」形式で出力できますか？

これは私のプロジェクトの写真です。 Link here

：「から」の出力は、その後の出力は、私がEonasdanのブートストラップ-のDateTimePickerを使用しています2017年5月31日

でなければならない「ために」、2017年2月1日でなければなりません

これは私のコードです：

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

index.chtml

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