2016-12-08 3 views
2

Я искал ng-datetime в качестве опции для использования datepicker для приложения, над которым я работаю на работе. Я выполнил инструкции к письму от: https://www.npmjs.com/package/ng2-datetime.ng-datetime datepicker не является функцией

Я установил обе зависимости (bootprap datepicker и bootstrap timepicker) перед установкой самого ng-datetime и добавил ссылки на файл app.module.

Когда я использую его в моем HTML-страницы, однако, я могу видеть сам контроль, но она статична, и я пришел с ошибкой: $ (...) DatePicker не является функцией. ,

Я нашел еще 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.

И это работает ...

Смежные вопросы