2017-01-11 50 views
0

我在我的Angular2代碼中集成了bootstrap日期選擇器。但它沒有顯示日期選擇器。Bootstrap datepicker在angular2中不工作

在HTML

<div class="input-box sandbox-container"> 
    <input type="text" id="date" required> 
</div> 

在腳本

$(function() { 
    $('#sandbox-container input').datepicker(); 
}); 

回答

0

沙箱容器是一個類,而不是一個ID

嘗試

$(function() { 
    $('.sandbox-container input').datepicker(); 
}); 
+0

不,我改變了,它不工作 – ThulasinathanR

+0

你已經將jQuery導入到你的Angular項目中了嗎? – catu

+0

是的,我在我的項目中添加了Jquery – ThulasinathanR

0

叫你的腳本時? 你的dom被初始化後它必須被調用。我想你的HTML是一個組件模板。你需要在組件的ngAfterViewInit()中調用你的datepicker。

注意:jquery和angular2在一起工作不好,我會在綁定時遇到一些麻煩。

+0

我在頭文件的index.html文件的頂部添加了腳本。有沒有可用於集成這個選項的選項? – ThulasinathanR

+0

你有模板的anguar2組件嗎?你的html代碼在哪裏? –

相關問題