如何在角度2中使用Bootstrap 3 Datepicker

我在角度2中使用Bootstrap 3，但無法從聯機文檔中找到任何有用的演示或示例。如何在角度2中使用Bootstrap 3 Datepicker

當我在模板中添加時間選擇器如下：

<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>

當我點擊按鈕時，沒有任何反應。

來源

2016-06-21 Penn Dai

我不知道Bootstrap Datepicker。 '.datetimepicker（...）'從哪裏來？你可能不需要我的答案中的$（）'部分。 –

你能告訴我哪個版本或你在哪裏得到這個日期選擇器 –

腳本標記從模板中刪除。您需要使用其他方式來加載腳本。

像這樣的東西可能會奏效（未測試）

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

來源

2016-06-21 12:44:36

你可以使用ui-bootstrap對角2

它是由角隊，我相信由他們兩個角1提供引導指令和2.

來源

2016-06-21 13:26:20

如何在角度2中使用Bootstrap 3 Datepicker

回答

相關問題