選択した他の日付に応じて開始日を変更する

Question

2つのコンポーネントaurelia-date-pickerを持つ単純なビューaurelia-date-picker github 最初の日付で日付を選択すると、2番目のカレンダーで選択した日付選択する。 私の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#setstartdate

あなたがにあなたのコメントの後に、コードの行を変更したい：

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

それとも、jQueryのを使用している場合、これはさらに簡単です：

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