Как получить пользовательское значение формата даты из NGX-Bootstrap datepicker

Question

Я использую NGX-Bootstrap для моего проекта angular6.У меня есть реактивная форма и я добавил к ней DatePicker, и при возврате значения из DatePicker получаю полный формат, например: «2018-11-07T05: 12: 35.000Z».Но я хочу в ММ-ДД-ГГГГ.

Answer 1

Перед возвратом даты преобразуйте формат даты следующим образом:

let date = new Date(dateValue).toLocaleDateString();

, затем присвойте date контроллеру формы

Answer 2

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

<input changeDateFormat type="text" placeholder="Datepicker" class="form-control" #dp="bsDatepicker" bsDatepicker [(bsValue)]="bsValue">

export class changeDateFormatDirective implements OnChanges {
@Input() bsValue: Date;
@Output() bsValueChange = new EventEmitter();

constructor(private cdr: ChangeDetectorRef) { }

ngOnChanges(changes: SimpleChanges) {
//change Date format here, you can import format date from @angular/common
this.bsValueChange.emit(newDateFormat);
this.cdr.detectChanges();
}
}

Answer 3

попробуй

  <input  bsDatepicker [bsConfig]="{ dateInputFormat: 'MM-DD-YYYY'}" >