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

Question

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

我正在使用带有html5的angular2和typescript。

我正在尝试添加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已经有很多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

看到这个问题作为如何在您的应用程序中使用jQuery UI插件的答案什么是在角度2内使用jquery小部件的最佳方法？

此示例使用ElementRef，但您也可以使用ViewChild

:-)