jquery - 在 Angular 5 中使用 jquery 插件

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。有很多可用的 Angular 日历，ng-bootstrap 是一个原生的 Angular 库，提供 Bootstrap 组件，而不是 bootstrap.js