формат ввода angular 6 owldatetime в 24-часовом формате

В этом примере я реализовал средство выбора даты и времени angular 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>

Could anybody help?


javascript angular input datetimepicker formatdatetime
person erdn    schedule 31.07.2018    source источник
comment
Привет, @erdn, ты нашел решение этой проблемы?   -  person ananya    schedule 14.12.2018
comment
Февраль 2019, и эта проблема все еще актуальна   -  person 131    schedule 13.02.2019

Ответы (1)


arrow_upward
4
arrow_downward

Первая установка:

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

проверьте журналы установки, если требуется дополнительная зависимость. что-то вроде @ 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',
    };

и добавляем в root 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"

person Ye K    schedule 21.09.2018
comment
вы и не забывайте, как и я, использовать большой HH, потому что маленький h предназначен для 12-часового формата - person Adriano; 28.01.2021