Could not able use jquery functions in Angular 6

Question

Dear All,

 

I was developed small project using Angular 6 and ASP .Net MVC 5 with Rest API.

I was trying to use jquery function like datepicker and datatable which is I am not able to use it.

 

I have used following steps

 

npm install jquery — save

in Angular.json :-

"scripts": [ "../node_modules/jquery/dist/jquery.min.js" ]

in typescript file :-

import * as $ from 'jquery'; 

ngOnInit() {
    $(document).ready(function () {
      $("#demo").datepicker({
        dateFormat: "yyyy-mm-dd"
       });
    });
  }

I am getting error when I am running above code.

Please let me know easy solution on this problem.

Thank you in advanced

Regards.