javascript - 强制 Bootstrap 日期选择器重新渲染

Question

我正在使用 bootstrap datepicker .我有两个日期选择器:一个用于开始日期，一个用于结束日期。结束日期应始终在开始日期当天或之后，因此为了用户友好，我想在结束日期日期选择器中禁用早于开始日期的日期。

根据文档，我正在做类似的事情:

$endDate.datepicker({
  onRender: function(date) {
    return date.valueOf() < startDate.valueOf() ? 'disabled' : '';        
  },                                                                      
});

这可行，但问题是每次打开日期选择器或更改开始日期(这正是我需要的)时，都不会调用 onRender。有什么方法可以强制日期选择器重新呈现(我可以在开始日期更改时执行)，或者每次打开结束日期日期选择器时触发的事件，我可以控制是否禁用某些日期？

Answer 1

我今天遇到了同样的问题。我通过更改开始日期更改事件的结束日期值来修复它。

.on('changeDate', function(ev) {
       var newDate = new Date(ev.date)
       newDate.setDate(newDate.getDate() +1);
       endDate.setValue(newDate);

这会强制结束日期在更改开始日期时重新​​呈现。