如何在Angular Component文件中引用jQuery函数(如datepicker)?

时间:2018-11-14 08:15:44

标签: angular datepicker

这是我在Angular中的代码

index.html

<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />

.ts 文件中的代码:

declare var jQuery: any;
@ViewChild('reportrange') reportrange: ElementRef;

ngAfterViewInit()
{
  jQuery(this.reportrange.nativeElement).daterangepicker();
}

我一直在获取jQuery(...)。编译时daterangepicker不是函数错误。

什么是解决此问题的正确方法?

1 个答案:

答案 0 :(得分:0)

这非常简单,需要您安装软件包,您可以在下面找到说明:

How to use jQuery with Angular