angular - Angular 5 中的日期时间选择器

Question

我正在使用这个日期时间选择器:- https://www.npmjs.com/package/angular2-datetimepicker
官方文档链接:- https://cuppalabs.github.io/angular2-datetimepicker/#/datetimepicker .

现在，我已经成功实现了。它工作正常，但时间选择器未显示。根据他们的文档，我设置了 timepicker:false 和 timepicker:true。

在 component.ts 文件中。

date: Date = new Date();
settings = {
    bigBanner: true,
    format: 'dd-MMM-yyyy hh:mm a',
    defaultOpen: true
}

在 component.html 文件中。

 <angular2-date-picker [(ngModel)]="date" [settings]="settings"></angular2-date-picker>

屏幕截图。

编辑:-我认为问题是设置对象在 .ts 文件中不起作用，因为如果我删除设置对象，那么它也只显示日期。

Answer 1

这将用作 .ts 文件中的对象。请注意，您的 HTML 文件包含您的 .ts 文件丢失的一行。您的 .ts 设置中没有“timePicker: true”行。因此，该 .ts 文件中的最终设置对象应如下所示:

settings = {
    bigBanner: true,
    format: 'dd-MMM-yyyy hh:mm a',
    defaultOpen: true,
    timePicker: true
}

顺便说一句，使用“bigBanner: false”禁用 bigBanner 选项会自动禁用此工具中的 timePicker。我注意到您的已启用，但认为值得一提的是，如果其他人发现此解决方案是出于其他原因而他们的 timePicker 未显示。