如何让 jquery ui 日期选择器与 angular2 一起使用？答案

【问题标题】：How to get jquery ui date picker working with angular2?如何让 jquery ui 日期选择器与 angular2 一起使用？
【发布时间】：2016-12-08 22:31:25
【问题描述】：

如何让 jquery ui 日期选择器与 angular2 一起使用？

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

我正在尝试添加 jquery ui datepicker。

我添加了所有库和 css，但 datepicker jquery 代码连接到 html。

这是我的代码：

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

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

我已经尝试将它放入我的组件中： $( "#datepicker" ).datepicker(); 但我只是得到错误。

有什么想法吗？

将项目添加到我的项目时出现此错误：

【问题讨论】：

【解决方案1】：

嗯，已经有很多 datepicker 库可用于 angular2。我在下面发布了其中一些：

但是显然每个人都需要时尚的日期选择器来完成我们的项目，我也想要同样的，所以我根据需要创建了一个使用 bootflat 框架进行样式设置的日期选择器。你可以参考这里..

希望对你有帮助！

【讨论】：

【解决方案2】：

PrimeNG 还为 DatePicker 提供了一个组件。现场演示；

【讨论】：

【解决方案3】：

将此问题视为有关如何在您的应用程序中使用jQuery UI 插件Whats the best way to use jquery widgets inside angular 2? 的答案

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

:-)

【讨论】：

【解决方案4】：

这里还有一个配置多的，现场演示：
https://vlio20.github.io/ng2-date-picker/

【讨论】：