Question

在我的表格中，我有3个字段。

<input name="course_duration" id="course_duration" type="text"> (A numeric value which denotes 'Weeks'
<input name="course_start" id="course_start" type="text">
<input name="course_end" id="course_end" type="text">

我正在使用datepicker jquery，我希望通过在course_duration字段+ course_start日期中插入的值添加周数来自动填充course_end日期

目前我正在使用以下javascript代码弹出日历并手动选择course_start和course_end的日期。

<script type="text/javascript">
$(document).ready(function() {
$('#course_start').datepicker({dateFormat: 'yy-mm-dd'});
$('#course_end').datepicker({dateFormat: 'yy-mm-dd'});
});
</script>

JSFIDDLE

Answer 1

// Get the week from course_duration
var weeks = $('#course_duration').val();

// Get the selected date from startDate
var startDate = $('#course_start').datepicker('getDate');
var d = new Date(startDate);

// Add weeks to the selected date, multiply with 7 to get days
var newDate = new Date(d.getFullYear(), d.getMonth(), d.getDate() + weeks * 7);

// Set the new date to the course endDate
$('#course_end').datepicker('setDate', newDate);

<强> Demo

如何在开始日期从单独的字段添加天/周以获取datepicker中的结束日期？

1 个答案: