Используя плагин jquery с Angular 5

Question

Я пытаюсь использовать следующий указатель даты в своем проекте Angular 5, но я не уверен, как его импортировать: -

https://bootstrap -datepicker.readthedocs.io / ен / последний / 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 в свой угловой компонент: -

import * as $ from 'jquery';

.., который работает, так как я могу ссылаться на объект $ в моем компоненте и получить указатель на загрузку функций JQuery. Тем не менее, когда я делаю что-то вроде: -

$("dateField").datepicker()

Он сообщает, что функция недоступна в объекте JQuery. У кого-нибудь есть идеи, как использовать это в Angular?

Спасибо

Адам

Answer 1

вместо

import * as $ from 'jquery';

Попробуйте это

declare let $: any;

Кстати, не используйте jQuery, если он вам абсолютно не нужен. Доступно множество угловых календарей, и ng-bootstrap - это встроенная угловая библиотека, предоставляющая компоненты начальной загрузки вместо bootstrap.js

.