javascript - Bootstrap-datetimepicker 添加天数

Question

当我选择“从”日期然后“天”添加多少天时，它如何自动输出“到”日期的日期？

这是我的项目的图片。 “To”的输出必须是 06/06/2017

我正在使用 Eonasdan 的 Bootstrap-datetimepicker:Link here

这是我的代码:

索引.chtml

<div class="row">
    <label class="col-md-2 control-label">From:</label>
    <div class="col-md-10">x
        <div class="input-group date" id="dpFrom">
            <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">Days:</label>
    <div class="col-md-10">
        <input id="txtDays" type="text" class="form-control">
    </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:

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

Answer 1

您需要定义一个函数，以便在第一个日期框中的 onChange 事件上调用。您将日期作为参数传递给它，然后在函数中将该日期添加五天并使用 jQuery 输出目标结束日期。