Question

我正在使用bootstrap-datepicker处理包含start date和end date字段的表单。

为方便起见，每当用户更新start date时，我都希望end date更新以匹配start date。（但更改结束日期不应更改开始日期。）

我对jQuery很陌生，但这是我到目前为止所做的：

$(document).ready(function() {
  $('.dateinput').datepicker();
  $('#id_start_date').change(function() {
    var startDate = $(this).val();
    $('#id_end_date').val(startDate);
  });
});

<input class="dateinput" id="id_start_date" name="start_date" type="text" />
<input class="dateinput" id="id_end_date" name="end_date" type="text" />

这几乎有效;使用start date上的日期选择器正确更新end date。但是，如果我尝试点击end date字段，其日期选择工具仍有end date的陈旧值（日历反映了end date的旧值）。

This SO answer建议我在更新输入update()时需要调用datepicker的val()函数。但是在更改start date时，end date的日期选择器不在DOM中（所以我不认为我可以使用$('.dateinput')来定位它）。

我还尝试使用$('#id_end_date').datepicker('update');进行定位，但这似乎也不起作用。

Answer 1

使用setDate方法设置bootstrap datepicker

的值

$('#id_end_date').datepicker('setDate',startDate)

如何使用bootstrap-datepicker更新多个输入

1 个答案: