угловое поле формы даты 2 - 6 предотвращает очистку - PullRequest
Новая
       2

угловое поле формы даты 2 - 6 предотвращает очистку

0 голосов
/ 24 августа 2018

У меня есть предварительно заполненный ввод даты:

enter image description here

Он предварительно заполнен и во всех возможных случаях использования может быть изменен, но никогда не должен приводить к опустошению.

Я бы хотел не допустить его опустошения.

вот мой HTML-код: 

<form class="details" [formGroup]="forcastForm" [style.fontSize.px]="13">
  <div class="row no-gutters">
    <div class=".col-lg-8 .col-xl-12">
      <mat-form-field class="my-date-input">
        <mat-label i18n="confirmed date">Date</mat-label>
        <input matInput type="date" formControlName="dateFC">
      </mat-form-field>
    </div>
  </div>
</form>

и моя машинопись: 

forcastForm: FormGroup;

constructor(
  private fb: FormBuilder,
  private datePipe: DatePipe)
  {
    const j = new Date;
    let month = (j.getUTCMonth() + 1).toString();
    if(month.length < 2) month = '0' + month;
    const dateCode = j.getUTCFullYear().toString() + month + j.getUTCDate().toString();
    const dt = this.datePipe.transform(j, 'yyyy-MM-dd');

    this.forcastForm = fb.group({
      savedId: new FormControl({value: dateCode, disabled: false}, Validators.required),
      dateFC: new FormControl({value: dt, disabled: false}, Validators.required),
      comentary: new FormControl({value: '', disabled: false}, Validators.required),
    });

  }

Я могу скрыть значок x с помощью /deep/ css, но нет реального способа увидеть код x в инспекторе кода.

1 Ответ

0 голосов
/ 24 августа 2018

Добавьте атрибут required к элементу ввода: 

<input matInput type="date" required formControlName="dateFC">
...