javascript - Bootstrap-datetimepicker 选择过去几个月

Question

当我选择“当前日期”，然后选择几个月的“范围”时，它如何自动以“从和到”格式输出日期。

这是我的项目的图片。 “From”的输出必须是 02/01/2017，那么“To”的输出必须是 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'));