Ng-bootstrap: Правильно ли реализовать пользовательский NgbDateParserFormatter, чтобы изменить формат входного значения на NgbInputDatepicker?

Я использую datepicker (ng-boostrap) во всплывающем окне, и я хотел бы изменить формат даты до 'dd-mm-yyyy'.

Это означает, что можно решить, внедряя новый NgbDateParserFormatter, чтобы заменить стандартный NgbDateISOParserFormatter.

Но мне было интересно, есть ли другой способ.

Спасибо, Нельсон.

UPDATE:

Небольшая реализация NgbDateParserFormatter с использованием moment.js(тестируется с версией 1.0.0-alpha.14 из ng-bootstrap)

import {NgbDateParserFormatter, NgbDateStruct} from '@ng-bootstrap/ng-bootstrap';
import * as moment from 'moment';

export class NgbDateMomentParserFormatter extends NgbDateParserFormatter {
    constructor(private momentFormat: string) {
        super();
    };
    format(date: NgbDateStruct): string {
        if (date === null) {
            return '';
        }
        let d = moment({ year: date.year, 
                         month: date.month - 1, 
                         date: date.day });
        return d.isValid() ? d.format(this.momentFormat) : '';
    }

    parse(value: string): NgbDateStruct {
        if (!value) {
            return null;
        }
        let d = moment(value, this.momentFormat);
        return d.isValid() ? { year: d.year(), 
                               month: d.month() + 1, 
                               day: d.date() } : null;
    }
}

И в модуле вы включаете поставщика, используя factory, чтобы указать формат даты в качестве параметра.

---

@NgModule({

  ---

  providers: [
    { 
      provide: NgbDateParserFormatter, 
      useFactory: () => { return new NgbDateMomentParserFormatter("DD-MM-YYYY") } 
    }
  ]

  ---

})

Ответ 1