Question

我似乎无法为我的angular2应用创建合适的日期和时间选择器。有人可以帮我设置吗？

我尝试过以下技巧：
NG2-日期时间：我将它导入主app.module：

import { NKDatetimeModule } from 'ng2-datetime/ng2-datetime';
@NgModule({
  imports: [
  NKDatetimeModule,
..
 ],

并在模板中：

<datetime [(ngModel)]="startDate"></datetime>

这导致模板无法识别：'datetime'不是已知元素

我的应用程序由几个模块组成，每个模块都有自己的应用程序模块。所以当我尝试将上述定义用于子模块的模块定义时，我得到'$（...）。datepicker不是函数' 技术细节：
我使用angular-cli 2.4.8 使用以下包：

 "bootstrap-datepicker": "^1.6.4",
 "bootstrap-daterangepicker": "2.1.25",
 "bootstrap-timepicker": "^0.5.2",
 "jquery": "3.1.1",
 "moment": "2.17.1",
 "ng2-bootstrap": "1.3.3",
 "ng2-datetime": "^1.3.2",
 "ng2-datetime-picker": "^0.14.7",

我还尝试将其分为日期输入和时间输入，使用管道显示所需的格式。这不显示日期或时间的内容。

<input [type]="'date'" [model]="startDate" | date: 'MM/DD/YYYY'"</input>

Answer 1

您必须将node_modules文件夹下的软件包拉出到src目录中的子文件夹，以便将其视为本地依赖项。

参见作者的例子：

https://github.com/nkalinov/ng2-datetime/tree/master/src

外部依赖项通常位于node_modules下并打包以供分发。例如，分发可能包括UMD，CJS和AMD捆绑包，并仅部署为JS文件。这不是ng2-datetime包的部署方式。在作者更新软件包以使其更加模块友好之前，只要有更新，您就必须将实现复制到src文件夹。

Angular2日期和时间选择器

1 个答案: