1
我正在角2项目中工作,并希望集成daterangepicker.js库来弹出日期范围选择器。这里链接到库中,你没有听到关于它的情况下,前http://www.daterangepicker.com/我如何在我的角度2项目中使用daterangepicker js?
htmlcode:
<input type="text" placeholder="Start - End" class="oa-search-height padd" name="daterange" > </div>
和我的index.html内
<script src="./assets/js/daterangepicker.min.js" > </script>
<link rel="stylesheet" type="text/css" href ="./assets/css/daterangepicker-bs3.min.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" >
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('input[name="daterange"]').daterangepicker();
});
</script>
也是我创建指令
import { Directive, ElementRef, Input, Renderer } from '@angular/Core';
declare var jQuery: any;
@Directive({
selector: '[date-range]',
host: {
'(keyup)': 'dateRangePicker()'
}
})
export class DateRangeDirective {
private element: HTMLElement;
private renderer: Renderer;
constructor(element: ElementRef, renderer: Renderer) {
this.element = element.nativeElement;
this.renderer = renderer;
}
@Input('date-range');
dateRangePicker(){
jQuery(this.element).daterangepicker();
}
}
这两个环节都被打破了。 =/ –
@Fernando现在有第一个链接。此处还添加了代码片段。 – Sanket
@Sanket将它添加到NgModule中怎么样? –