如何在Angular2中使用bootstrap / jquery

DNRN

如何在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();
    }

但这是行不通的。我该如何解决这个问题?

帕迪普·贾恩(Pardeep Jain)

不愿发表评论,而是将其发布为答案(@DNRN要求),因为它可能对将来的其他人有所帮助。

您无需导入任何额外文件即可测试该解决方案,我已经使用datepicker组件和bootflat作为样式框架以及日期选择器库在线发布了一个解决方案,有关更多信息,您可以参考此链接...

在此处输入图片说明 在此处输入图片说明

以下是有关Datepicker的更多最佳文章/库

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Angular 2中使用jQuery?

来自分类Dev

在Angular2中使用jQuery插件

来自分类Dev

如何在 angular 2 中使用 jQuery .on() 和 .off() 的方式?

来自分类Dev

如何在Angular中使用jQuery ajax调用中的Promise

来自分类Dev

如何将Jquery / Bootstrap文件包含到堆栈中Webpack / angular2 / typescript

来自分类Dev

如何将Jquery / Bootstrap文件包含到堆栈中Webpack / angular2 / typescript

来自分类Dev

如何在angular2(打字稿)上将js库与jQuery一起使用?

来自分类Dev

Angular2:在 Angular2 中使用 Jquery:错误:没有 Token jQuery 的提供者

来自分类Dev

如何从angular2的jQuery中获取样式

来自分类Dev

如何从angular2的jQuery中获取样式

来自分类Dev

如何在jQuery中使用or(||)

来自分类Dev

如何在 Angular 2 的根页面中使用任何 jquery 插件?

来自分类Dev

如何使用SystemJS在Angular2应用程序中加载bootstrap.js,jQuery和其他模块

来自分类Dev

如何在Angular服务中使用jQuery.cookie插件

来自分类Dev

如何在 Angular 4 中使用 SlickGrid(jQuery 遗留库)

来自分类Dev

如何在 jQuery 代码中使用 angular 定义的数组

来自分类Dev

如何在Angular2中使用<html>模板?

来自分类Dev

如何在Angular2中使用MockBackend

来自分类Dev

如何在angular2中使用异步主题?

来自分类Dev

如何在Angular2中使用<html>模板?

来自分类Dev

如何在angular2中使用异步主题?

来自分类Dev

如何在AngularJS中使用jQuery Select2

来自分类Dev

如何在jQuery中使用if添加2个不同的类

来自分类Dev

Ionic2如何在页面中使用JQuery插件

来自分类Dev

Ionic2如何在页面中使用JQuery插件

来自分类Dev

如何在jtable中使用jquery Select2

来自分类Dev

如何在jQuery 2.1中使用.toggle

来自分类Dev

如何在Laravel 5中使用我自己的Jquery

来自分类Dev

如何在Meteor 1.0中使用jQuery

Related 相关文章

  1. 1

    如何在Angular 2中使用jQuery?

  2. 2

    在Angular2中使用jQuery插件

  3. 3

    如何在 angular 2 中使用 jQuery .on() 和 .off() 的方式?

  4. 4

    如何在Angular中使用jQuery ajax调用中的Promise

  5. 5

    如何将Jquery / Bootstrap文件包含到堆栈中Webpack / angular2 / typescript

  6. 6

    如何将Jquery / Bootstrap文件包含到堆栈中Webpack / angular2 / typescript

  7. 7

    如何在angular2(打字稿)上将js库与jQuery一起使用?

  8. 8

    Angular2:在 Angular2 中使用 Jquery:错误:没有 Token jQuery 的提供者

  9. 9

    如何从angular2的jQuery中获取样式

  10. 10

    如何从angular2的jQuery中获取样式

  11. 11

    如何在jQuery中使用or(||)

  12. 12

    如何在 Angular 2 的根页面中使用任何 jquery 插件?

  13. 13

    如何使用SystemJS在Angular2应用程序中加载bootstrap.js,jQuery和其他模块

  14. 14

    如何在Angular服务中使用jQuery.cookie插件

  15. 15

    如何在 Angular 4 中使用 SlickGrid(jQuery 遗留库)

  16. 16

    如何在 jQuery 代码中使用 angular 定义的数组

  17. 17

    如何在Angular2中使用<html>模板?

  18. 18

    如何在Angular2中使用MockBackend

  19. 19

    如何在angular2中使用异步主题?

  20. 20

    如何在Angular2中使用<html>模板?

  21. 21

    如何在angular2中使用异步主题?

  22. 22

    如何在AngularJS中使用jQuery Select2

  23. 23

    如何在jQuery中使用if添加2个不同的类

  24. 24

    Ionic2如何在页面中使用JQuery插件

  25. 25

    Ionic2如何在页面中使用JQuery插件

  26. 26

    如何在jtable中使用jquery Select2

  27. 27

    如何在jQuery 2.1中使用.toggle

  28. 28

    如何在Laravel 5中使用我自己的Jquery

  29. 29

    如何在Meteor 1.0中使用jQuery

热门标签

归档