Question

我在Angular 5项目中尝试使用以下日期选择器，但我不确定如何导入它： -

https://bootstrap-datepicker.readthedocs.io/en/latest/index.html#

我使用Angular CLI构建我的项目，并且我已将bootstrap-datepicker.min.js文件添加到我的angular-cli.json文件的脚本部分中： -

  "scripts": [
    "../node_modules/jquery/dist/jquery.js",
    "../node_modules/popper.js/dist/umd/popper.js",
    "../node_modules/bootstrap/dist/js/bootstrap.js",
    "../js/custom.js",
    "../js/bootstrap-datepicker.min.js"
  ]

我还将JQuery导入到我的Angular组件中： -

import * as $ from 'jquery';

..这可以工作，因为我可以引用我的组件中的$对象并获得一堆JQuery函数的句柄。但是，当我做类似的事情时： -

$("dateField").datepicker()

它告诉我该函数在JQuery对象上不可用。有没有人有任何想法如何在Angular中使用它？

谢谢，

亚当

Answer 1

而不是

import * as $ from 'jquery';

试试

declare let $: any;

另外，如果您不是绝对需要，请不要使用jQuery。有很多角度日历可用，ng-bootstrap是一个提供引导程序组件的本机角度库，而不是bootstrap.js

在Angular 5中使用jquery插件

1 个答案: