Момент в угловом формате не отображается в правильном формате - PullRequest
Новая
       6

Момент в угловом формате не отображается в правильном формате

0 голосов
/ 28 сентября 2018

В моем проекте я использую момент для разбора формата, отображаемого в DatePicker.При работе без включения производственного режима формат отображается так, как задумано. Без производственного режима

Но при работе с включенным производственным режимом формат не работает. Режим производства

Кто-нибудь знает, почему это происходит?и есть ли какие-либо предложения, чтобы исправить это?

Вот код 

import { Component, OnInit, Input,Output,EventEmitter } from '@angular/core';
import {FormBuilder, FormGroup, FormControl, Validators} from '@angular/forms';
import {MomentDateAdapter} from '@angular/material-moment-adapter';
import {DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE} from '@angular/material/core';

import * as _moment from 'moment';
const moment = _moment;

export var MY_FORMATS = {
  parse: {
    dateInput: 'LL',
  },
  display: {
    dateInput: 'DD/MM/YYYY',
    monthYearLabel: 'MMM YYYY',
    dateA11yLabel: 'LL',
    monthYearA11yLabel: 'MMMM YYYY',
  },
};

@Component({
  selector: 'app-custom-date',
  templateUrl: './custom-date.component.html',
  styleUrls: ['./custom-date.component.css'],
  providers: [
    {provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE]},

    {provide: MAT_DATE_FORMATS, useValue: MY_FORMATS},
  ],
})
export class CustomDateComponent implements OnInit {
    @Input() myFormControl: FormControl;
    @Input() myFormGroup: FormGroup;
    @Input() myFormControlName: string;
    @Input() myName: string;
    @Input() myFormat: string;
  @Input() myDisabled: boolean;
  @Input() minDate = new Date(1900,0,1);
  @Input() maxDate = new Date(2200,0,1);
  @Output() myDateChange = new EventEmitter();

  constructor() { }

  ngOnInit() {
    MY_FORMATS.display.dateInput = this.myFormat;
  }
  changeDate(): void{
    this.myDateChange.emit(this.myFormGroup.get(this.myFormControlName).value);
  }
}

1 Ответ

0 голосов
/ 28 сентября 2018

Явно определите желаемый формат. 

let momentPeriodStr = momentDateObj.format('YYYY/MM');
let momentDateStr = momentDateObj.format('DD/MM/YYYY');
...