关于angular2 封装jq双日历daterangepicker插件无效的问题

Question

我这有两个jq的日历插件，一个是单日历一个是双日历。封装了一个单日历的，单日历的是可以使用在spa子页面的，但是双日历的代码我用同样的方法封装使用缺没有效果
app.js:
单日历代码：
html:
封装的js文件代码：

这个单日历是可以使用的，

双日历：
html：
封装的js文件代码：

单日历我用的datetimepicker插件，双日历我用的daterangepicker插件
我搜了很多的封装方法，但是双日历的封装使用我一直没有成功