从第一个和第二个字段获取值后,我需要向第三个字段添加值。 为了更清楚起见,我在下面有一些代码:
<input type="text" name="first_date" class="datepicker" date-format="dd-MM-yyyy" id="first_date" />
<select name="duration">
<option value="">-- Select --</option>
<option value="6">6 months</option>
<option value="12">12 months</option>
<option value="18">18 months</option
</select>
<input type="text" name="end_date" id="end_date" />
我正在处理日期并使用了 datepicker (jquery)。我需要在 #first_date 中选择的日期添加 6 或 12 或 18 或 24 个月,并在第三个字段 #end_date 中显示添加持续时间后的日期
并且该值也应该随着选择(选项)的变化而变化。 我怎样才能让它发挥作用?我进行了搜索,但找不到我正在寻找的解决方案。有什么帮助吗?
最佳答案
尝试
function updateEndDate(){
var sdate = $('#first_date').datepicker('getDate'), duration = parseInt( $('select[name="duration"]').val(), 10) || 0;
if(sdate){
var edate = new Date(sdate.setMonth(sdate.getMonth() + duration));
$('#end_date').datepicker('setDate', edate);
}
}
$('#first_date').datepicker({
onSelect: updateEndDate
})
$('select[name="duration"]').change(updateEndDate)
$('#end_date').datepicker({});
演示:Fiddle
关于javascript - 通过添加第一个和第二个字段的值,自动将值添加到第三个字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18456782/