Изменить начальную дату в соответствии с другой выбранной датой

Question

У меня есть простое представление с 2 компонентами aurelia-date-picker aurelia-date-picker github Когда я выбираю дату в первом, во втором календаре я не хочу, чтобы даты до выбранной даты выбирались. Мой HTML:

<template>
<require from="bootstrap/css/bootstrap.css"></require>
<form>
  Date début: <bootstrap-datepicker dp-options.bind="dpOptions1" changedate.delegate="setDateDebut($event)"></bootstrap-datepicker>
  Date de fin: <bootstrap-datepicker id="datefin" dp-options.bind="dpOptions2" changedate.delegate="setDateFin($event)">     </bootstrap-datepicker>
 </form>
 </div
</template>

Мой вид-модель:

export class ChoixDateDebutDateFin {
  constructor(cd, abdp){
  this.dpOptions1={
  format:"dd/mm/yyyy",
  autoclose:true,
  calendarWeeks:true,
  language:"fr-FR",
  todayHighlight:true,
  weekStart:1
}
this.dpOptions2={
  format:"dd/mm/yyyy",
  autoclose:true,
  calendarWeeks:true,
  language:"fr-FR",
  todayHighlight:true,
  weekStart:1
}
setDateDebut(e){
  var d=e.detail.event.date;
  console.log("d ?"+d);
//Here ! I want to change dynamically the property stratdate :(
  this.dpOptions2.startDate=d;
}
setDateFin(event){
  this.fin=event.detail.date;
}
}

Конечно, он не работает, так как компонент загружается при запуске, поэтому он не будет обращаться к его параметрам снова. Итак, вопрос:

либо => как заставить его перезагрузить опции?

или => как отключить даты до заданной даты после запуска?

Answer 1

Документация находится здесь: https://bootstrap-datepicker.readthedocs.io/en/stable/methods.html

Вы хотите изменить строку кода после вашего комментария на:

document.getElementById("datefin").setStartDate(d);

Или, если вы используете JQuery, это еще проще:

$('#datefin').setStartDate(d);