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 未显示的其他原因，我认为值得一提。

Answer 2

我发现了一些设置对象无法从 .ts 文件工作的问题。 所以，我把它改成了

<angular2-date-picker [(ngModel)]="date" [settings]="{
        bigBanner: true,
        timePicker: true,
        format: 'dd-MMM-yyyy hh:mm a'
    }"></angular2-date-picker>

而且它正在工作。

注意：-我已经在 Angular-5 中尝试了 4-5 个日期时间选择器，这是唯一有效的日期时间选择器。所以我们可以使用它。