Выбор даты angular 6 (отключенное поле ввода) не привязан к объекту формы

I am new at angular. I am using angular material(7.0.2). I tried the below form has date picker with disabled input. On submitting date is not appearing in f.value(object of form). If I remove disabled from an input field then it works perfectly. I don't know it is due to disabled or something else is the reason. In short, due to disabled it does not able to return form object.

<form (ngSubmit)="AddEvent(f)" #f="ngForm">
    <mat-form-field>
      <input matInput ngModel name="date" [matDatepicker]="picker"  disabled required>
      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-datepicker disabled="false" touchUi #picker></mat-datepicker>
    </mat-form-field>
  </form>

Here is a code of TS file

export class CreateEventComponent implements OnInit {

  isLogin:boolean = false;
  constructor() { }

  ngOnInit() {
  }

  AddEvent(f)
  {
    f.value.date =f.value.date.toDateString();
    console.log(f.value);

  }

}

Output:

Null object

Проверьте файл Component.ts и выходной файл на предмет путаницы.

Shyam 31.10.2018 12:21

Скриншоты вашей IDE совершенно бесполезны. Чтобы помочь нам помочь вам, предоставьте минимальный, полный и поддающийся проверке пример - см. stackoverflow.com/help/mcve. В этом случае пример stackblitz был бы очень хорошей идеей (stackblitz.com)

GreyBeardedGeek 31.10.2018 13:02

Приносим извинения за неудобства. Я новичок в StackOverflow.

Shyam 31.10.2018 13:22

Ваш код не работает, потому что ERROR TypeError: f.value.date.toDateString is not a function. Если вы удалите этот оператор, он будет работать нормально. Кроме того, нет смысла иметь отключенное поле ввода datepicker с включенным всплывающим окном datepicker. Попробуйте сделать вход readonly вместо отключенного - я думаю, что, вероятно, вы все равно действительно этого хотите. В противном случае объясните, пожалуйста, что вы пытаетесь сделать.

G. Tranter 31.10.2018 17:41

Я сделал его доступным только для чтения, имеющим смысл. это сработало спасибо

Shyam 01.11.2018 03:44
2
5
774
0

Другие вопросы по теме