Question

我安装了ng2-datetime＃v1.1.4（不是RC5版本）并尝试将datetime组件添加到我的测试应用程序中。我遇到以下错误。如果你知道它是什么，请帮忙。感谢。

package.json

Answer 1

我遇到了与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文件中。

它有效......

Answer 2

您没有按照ng2-datetime自述文件中的说明添加jquery bootstrap-datepicker插件。

https://github.com/nkalinov/ng2-datetime#dependencies

npm install --save bootstrap-datepicker

或使用捆绑版本来自src / vendor / bootstrap-datepicker

这就足够了

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>

它应该有用。

Answer 3

这应该是对Alexander Ciesielski的答案的评论，但我没有足够的声誉。遗憾。

我在我的应用程序中安装了ng2-datetime并且“正在工作”（datepicker正在运行，有时只是时间戳）。

然后我从使用gulp切换到angular-cli beta 15.经过多次破损修复（有点像将Humpty Dumpty放回原处！），除了原始问题中的错误外，我再次使用了它。

“bootstrap-datepicker”已按照Alexander的答案安装：

npm install --save bootstrap-datepicker

我检查了它，它包含在生成的js包中，但我仍然收到错误。

我在Alexander的回答中添加了显式脚本标记包含：

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>

现在它有效。（好的datepicker工作.Timepicker不起作用，但它也没有给出错误。明确地包括timepicker.js在这里没有帮助。）

希望这有帮助。

node_modules中的软件包版本：

ng2-datetime: 1.2.0
bootstrap-datepicker: 1.6.4
bootstrap-timepicker: 0.5.2

Answer 4

将此添加到vendor.ts

import 'bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css';
import 'bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js';
import 'bootstrap-timepicker/css/bootstrap-timepicker.min.css';
import 'bootstrap-timepicker/js/bootstrap-timepicker.js';

ng2-datetime：TypeError：$（...）。datepicker不是函数

4 个答案: