Bootstrap 3の使い方角度2のDatepicker

Question

私は角度2でBootstrap 3を使用しています。しかし、オンラインドキュメントから役立つデモや例は見つかりません。私は、時間のボタンをクリックすると

<div class='input-group date' id='datetimepicker3'> 
    <input type='text' class="form-control" #datePicker [ngModel]="f.ArrivalTime" (blur)="date = datePicker.value" /> 
     <span class="input-group-addon"> 
     <span class="glyphicon glyphicon-time"></span> 
     </span> 
     <script type="text/javascript"> 
      $(function() { 
       $('#datetimepicker3').datetimepicker({ 
        format: 'LT' 
       }); 
      }); 
     </script> 
</div> 

、応答がない：

私は、次のように、テンプレートにタイムピッカーを追加します。

Answer 1

テンプレートからスクリプトタグが削除されます。スクリプトをロードするには、他の手段を使用する必要があります。

このような何かがうまくいくかもしれない（テストしていません）

@Component({ 
    selector: 'some-comp', 
    template: `<div #datetimepicker></div>` 
}) 
class SomeComp { 
    @ViewChild('datetimepicker') dateTimePicker:ElementRef; 
    ngAfterViewInit() { 
    $(this.dateTimePicker.nativeElement).datetimepicker({format: 'LT'}); 
    } 
} 

Answer 2

あなたはそれは私が信じている角度チームによって作られて、彼らは両方の角度の1のためのブートストラップのディレクティブを提供し、角2

ためui-bootstrapを使用することができます2.