Bootstrap-datetimepicker选择过去几个月

Question

当我选择＆＃34;当前日期＆＃34;那么＆＃34;范围＆＃34;多少个月，它如何自动输出＆＃34;来自和＃34;格式。

这是我项目的图片。 ＆＃34; From＆＃34;的输出必须是02/01/2017，然后输出＆＃34; To＆＃34;必须是05/31/2017

我正在使用Eonasdan的Bootstrap-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'));