javascript - 如何使用另一个日期输入字段将日期设置为输入字段？

Question

我有两个输入字段fromDate和toDate(都是日期)。我正在使用日期选择器作为输入字段fromDate。 toDate 是只读的，并且依赖于 fromDate。也就是说，toDate 的日期是 6+。例如，如果 fromDate 是 11/30/2014，则 toDate 是 12/6/2014。

我的jsp代码是

 <input type="text" class="form-control dpd1" id="fromDate" name="fromDate">
    <span class="input-group-addon">To</span>
     <input type="text" class="form-control dpd2" id="toDate" name="toDate" readonly/>

js代码为:$('.dpd1').datepicker();

谢谢

Answer 1

您可以使用 jQuery 和change() 来完成此操作。在更改中，您可以获取 fromDate 的值并使用 Date对象为 toDate 输入创建新值。

$(function() {
    $('#fromDate').change(function() {
        var fromDateValue = $(this).val();
        var toDateValue = new Date();

        // some operations

        $('#toDate').val(yourToDate);
    });
})

您可以添加 6 天:

var today = new Date();
var todayplus6days= new Date(today);
todayplus6days.setDate(today.getDate()+6);

更新:

jsFiddle:http://jsfiddle.net/8dx0sLey/1/

$(function() {
    $('#fromDate').change(function() {
        var fromDateValue = $(this).val();
        var toDateValue = new Date(fromDateValue);

        toDateValue.setDate(toDateValue.getDate()+6);

        var sDate = toDateValue.getFullYear() + '-' + (toDateValue.getMonth()+1) + '-' + toDateValue.getDate();

        $('#toDate').val(sDate);
    });
})