Question

我已通过以下示例实现了角度6日期时间选择器（OwlDatetime）：https://stackblitz.com/github/DanielYKPan/owl-examples/tree/date-time-picker?file=src%2Fapp%2Fbasic%2Fbasic.component.html。

我也希望将输入格式更改为24小时格式，因为现在您可以在stackblitz中看到选择器具有24小时格式，但是一旦选择了时间，它就会在输入中显示为am / pm。

我尝试更改输入格式，但是没有用：

<input [owlDateTimeTrigger]="dt"                  [ngModel]="test[key.id] | date: HH:mm" 
[owlDateTime]="dt"  (ngModelChange)="test[key.id]=change($event)" >
                        <owl-date-time [pickerType]="'timer'"  #dt>

有人可以帮忙吗？

Answer 1

首次安装：

npm install ng-pick-datetime-moment moment --save;

在安装日志中检查是否需要aditinal依赖性。像@ angular / core或@ angular / cdk等。

然后：定义下一个：

//somefile.ts
static MY_MOMENT_FORMATS = {
        parseInput: 'LL LT',
        fullPickerInput: 'YYYY-MM-DD HH:mm', /* <---- Here i've rewrited the format */
        datePickerInput: 'LL',
        timePickerInput: 'LT',
        monthYearLabel: 'MMM YYYY',
        dateA11yLabel: 'LL',
        monthYearA11yLabel: 'MM YYYY',
    };

并添加根app.module

//app.module.ts import {OWL_DATE_TIME_FORMATS, OwlDateTimeModule, OwlDateTimeIntl, OWL_DATE_TIME_LOCALE} from 'ng-pick-datetime';

import {MY_MOMENT_FORMATS} from './.../somefile.ts'; 
...
    imports: [
            {provide: OWL_DATE_TIME_FORMATS, useValue: MY_MOMENT_FORMATS}, ]
...

仅此而已。

示例在这里

https://danielykpan.github.io/date-time-picker/#locale-formats

“与MomentJS一起使用选择器”部分

角6 owldatetime输入格式（24小时格式）

1 个答案: