强制引导日期选择器重新渲染

Question

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

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

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

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

Answer 1

我觉得你可以使用fill()方法：

startdate = $(startdate).datepicker().on('changeDate', function () {
    enddate.fill(); // it's will trigger enddate onRender function
});
enddate = $(startdate).datepicker({
    onRender: function(date) {
        return date.valueOf() < startDate.valueOf() ? 'disabled' : '';        
    }
});

希望对你有帮助。

Answer 2

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

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

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