2016-12-08 63 views
2

我一直在研究ng-datetime作爲一個選項來用於我正在工作的應用程序的日期選擇器。我按照來自https://www.npmjs.com/package/ng2-datetime的信的指示。ng-datetime datepicker不是函數

我在安裝ng-datetime本身之前安裝了兩個依賴項(bootstrap datepicker和bootstrap timepicker),並將引用添加到app.module文件中。

當我使用它在我的HTML頁面,但是,我可以看到該控件本身,但它是靜態的,我拿出錯誤: $(...)日期選擇器是不是一個函數。 。

我發現了3個解決此錯誤的其他問題,但沒有看到在這些帖子中爲我工作的任何解決方案,因此是重複的問題。

回答

0

我得到了同樣的問題,用的WebPack, 我有以下條目爲是的WebPack增加了

config.entry = { 
    webapp:['./client/main.js'], //application generated code will be here 
    polyfills:['./client/polyfills.browser.js'], //pollyfills will be here 
    vendor:['./client/vendor.browser.js'] //external vendor files will be here. 
}; 

我的jQuery來vendor.browser.ts文件。以下代碼

import { NKDatetime } from 'ng2-datetime/ng2-datetime'; 
@Component({ 
    ...  
    directives: [NKDatetime], 
}) 

在app.module.ts文件中。所以它無法在那裏獲取jQuery。

所以我做了以下改變。

將下面的代碼

import { NKDatetime } from 'ng2-datetime/ng2-datetime'; 
export {NKDatetimeModule} //export the ng2 module from the vendor.ts file. 

在vendor.ts文件。

//import the exported ng2-datetime module here. 
import { NKDatetimeModule } from '../../vendor.browser'; 
@Component({ 
    ... 
    directives: [NKDatetime], 
}) 

在我app.module.ts文件。

它的工作原理...

相關問題