jquery - 如何在 Angular2 中使用 bootstrap/jquery

标签 jquery twitter-bootstrap-3 angular

如何在 Angular2 中使用像 Eonasdan/bootstrap-datetimepicker 这样的引导插件?

我在设置中使用 jspm 并安装了 Eonasdan/bootstrap-datetimepicker。我将 javascript 包含在我的组件中:

import { datepicker } from 'Eonasdan/bootstrap-datetimepicker';

在 AfterViewInit 中,我尝试将 .datetimepicker() 添加到 html 元素,如下所示:

ngAfterViewInit() {
      var elm = <HTMLDivElement>document.getElementById('datetimepicker1');
      elm.datetimepicker();
    }

但这不起作用。我该如何解决这个问题?

最佳答案

与其留下评论,我更愿意将其作为答案发布(按照@DNRN的要求),因为它将来可能对其他人有帮助。

您无需导入任何额外文件即可测试解决方案,我已经在线发布了一个解决方案,使用 datepicker 组件和 bootflat 作为样式框架以及 date picker library或者欲了解更多信息,您可以 refer to this link ...

enter image description here enter image description here

这里有一些关于日期选择器的更多最佳文章/库

关于jquery - 如何在 Angular2 中使用 bootstrap/jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36053264/

相关文章:

javascript - Js函数总是返回相同的值

angular - 如何在 Angular 单击时突出显示 div

javascript - jQuery 自动完成过滤器按首字母匹配

javascript - JQuery 突然不工作了

jquery - 出现滚动条并跳转页面

css - Bootstrap 3 和 col-md rows 中 &lt;input&gt; 不可点击

css - 如何在 bootstrap3 的表格单元格中内联输入和字形图标?

html - 动态调整单元格宽度后抑制按钮组中的按钮换行

javascript - 在 Angular 6 中拖放表格行

javascript - 输出 YYYY-MM-DD 非完整日期字符串