javascript - 如何确保结束日期总是比开始日期多 7 天？

Question

我有一个页面显示开始日期和结束日期，如下所示：

如您所见，默认情况下，结束日期总是比开始日期多 7 天。我可以更改开始日期，但我如何确保每次更改开始日期时，结束日期也会与相应的开始日期相加 7 天？

代码：

  <%

        String relPath = "../../../";
        String currentDate = CoreUtil.parseDate(new Date());

        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
        //get current date
        Calendar cal = Calendar.getInstance();
        //Number of Days to add
        cal.add(Calendar.DAY_OF_MONTH, 7);
        String defaultDate = sdf.format(cal.getTime());





    %>

Start Date:&emsp;<input class="txtStartDate" style="font: 13px/1.231 Trebuchet MS;" type="text" id="txtStartDate" name="Start Date" value="<%=currentDate%>" readonly><br><br>


End Date: &emsp; <input class="txtEndDate" style="font: 13px/1.231 Trebuchet MS;" type="text" id="txtEndDate" name="txtEndDate" value="<%=defaultDate%>"  readonly required/>

编辑：

这是我的 JavaScript 代码：

<Script>
    $('#txtStartDate').datepicker();
    $('#txtEndDate').datepicker();

    $('#txtStartDate').change(function(){
        var interval = 7;

        function convertDateString(p) { return (p < 10) ? '0' + p : p; }

        var startDate = new Date($(this).val());
        startDate.setDate(startDate.getDate() + interval);
        $('#txtEndDate').val( startDate.getFullYear() + '/' +     convertDateString(startDate.getMonth() + 1) + '/' + convertDateString(startDate.getDate()));
    });

</script>

基本上每当我更改开始日期时，结束日期也应该自动更改为（开始日期+7 天），这就是我想要做的。上面的代码应该可以工作，但是当我更改开始日期时它并没有改变我的结束日期。

标签： javascripthtmldate

Answer 1

这可能会有所帮助。

Date.prototype.addDays = function(days) {
    var date = new Date(this.valueOf());
    date.setDate(date.getDate() + days);
    return date;
}

$('#txtStartDate').datepicker();
$('#txtEndDate').datepicker();

$('#txtStartDate').change(function(){
    var interval = 7;
    var startDate = new Date($(this).val());
    $('#txtEndDate').val(startDate.addDays(interval));
});