如何使用angular2获取jquery ui日期选择器？

Question

如何使用angular2来使用jquery ui日期选择器？

我使用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>

我已尝试将其放入我的组件中：$（＆＃34; #datepicker＆＃34;）。datepicker（）; 但我只是得到错误。

任何想法？

当我将项目添加到我的时，我收到此错误：

Answer 1

目前已经有很多针对angular2的datepicker库。其中很少有我发布在下面：

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

但是很明显每个人都需要时尚的日期选择器我的项目我也想要相同所以我根据需要我创建了一个使用bootflat框架进行造型的日期选择器。你可以参考这里..

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

： - ）