是否可以更改 angular2-datepicker bigbanner 时间格式？

Question

我们在项目中使用了 angular2-datepicker (https://www.npmjs.com/package/angular2-datetimepicker)。我们需要使用 24 小时制时间格式。但是好像在整个组件中都不起作用。

在下面的截图中，你可以看到我可以更改1.标记的字段的格式，但不能更改2.或3.标记的字段的格式

您可以在此处查看我使用的设置：https://angular-xsv9yq.stackblitz.io

这是组件中的错误还是我缺少设置？

Answer 1

既然你愿意使用 angular2-datepicker 的替代品，你可以使用 OwlDateTimePicker.

来自他们的自述文件：

1) 使用 npm 安装：

npm install ng-pick-datetime --save

2) 添加样式。如果您使用 Angular CLI，您可以将其添加到您的 styles.css:

@import "~ng-pick-datetime/assets/style/picker.min.css";

如果您不使用 Angular CLI，您可以通过 index.html.

中的元素包含 picker.min.css

3) 将 OwlDateTimeModule 和 OwlNativeDateTimeModule 添加到您的 @NgModule 中，如下例所示

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MyTestApp } from './my-test-app';

import { OwlDateTimeModule, OwlNativeDateTimeModule } from 'ng-pick-datetime';

@NgModule({
    imports: [ 
        BrowserModule, 
        OwlDateTimeModule, 
        OwlNativeDateTimeModule,
    ],
    declarations: [ MyTestApp ],
    bootstrap:    [ MyTestApp ]
})
export class MyTestAppModule {}

4) 将选择器连接到输入和触发器。

<input [owlDateTime]="dt1" [owlDateTimeTrigger]="dt1" placeholder="Date Time">
<owl-date-time #dt1></owl-date-time>

或

<input [owlDateTime]="dt2" placeholder="Date Time">
<span [owlDateTimeTrigger]="dt2"><i class="fa fa-calendar"></i></span>
<owl-date-time #dt2></owl-date-time>

查看 more examples here。

是否可以更改 angular2-datepicker bigbanner 时间格式？

Is it possible to change angular2-datepicker bigbanner timeformat?

datepicker

time-format

angular