如何讓jquery ui日期選擇器使用angular2？

Question

如何讓jquery ui日期選擇器使用angular2？

我使用angular2和打字稿與html5。

我想添加jquery ui datepicker。

我已經添加了所有庫和css，但datepicker jquery代碼連接到html。

lib目錄下：https://jqueryui.com/datepicker/

繼承人我的代碼：

<script> 
    $(function() { 
    $("#datepicker").datepicker(); 
    }); 
    </script> 

    <p>Date: <input type="text" id="datepicker"></p> 

我試圖把這個在我的組件：$（ 「#datepicker」）.datepicker（）; 但我只是得到錯誤。

有什麼想法？

Answer 1

好已經有可用於angular2許多日期選擇器庫：

，當我將項目添加到我的我得到這個錯誤。他們幾個人我都貼在下面：

• https://github.com/kekeh/mydatepicker
• https://github.com/jkuri/ng2-datepicker
• http://www.primefaces.org/primeng/#/calendar

而且是很明顯大家都需要爲我們的項目時尚的日期選擇我太想相同的，所以根據我需要我有使用引導框架爲樣式創建了一個日期選擇器。你可以參考這裏..

https://github.com/MrPardeep/Angular2-DatePicker

希望這可以幫助你！

Answer 2

PrimeNG還提供了用於的DatePicker的成分。現場演示;

http://www.primefaces.org/primeng/#/calendar

Answer 3

這裏是另外一個有許多配置，現場演示：
https://vlio20.github.io/ng2-date-picker/

Answer 4

見這個問題進行了如何在您的應用程序Whats the best way to use jquery widgets inside angular 2?

此示例使用使用jQuery UI插件一個答案ElementRef但您也可以使用ViewChild

:-)