Mat-datepicker - Как отобразить сохраненное пользователем значение в поле ввода - [(ngModel)]

#angular #angular-material #ngmodel

#angular #angular-материал #ngmodel

Вопрос:

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

У меня есть Mat-datepicker — пользователь выбирает дату и сохраняет ее. даты сохраняются успешно. но при возвращении, чтобы увидеть изменения. даты там нет.

очевидно, я хочу показать сохраненную пользователем дату в mat-datepicker.

 <div class="end-date">              
                <mat-form-field>
                    <input matInput [matDatepicker]="myDatepicker"  name="appEndDate" [value] = "appEndDate" [(ngModel)]="appEndDate">
                    <mat-datepicker-toggle matSuffix [for]="myDatepicker"></mat-datepicker-toggle>
                    <mat-datepicker #myDatepicker></mat-datepicker>
                  </mat-form-field>
          </div>

в ts.

  appEndDate: string;

    ngOninit(){
    this.appEndDate = this.someService['appoinementDetails'].endDate;

}

я не понимаю из официального документа, о методе получения значения.

решение: иногда (… редко) вам может помочь очистка кэша браузера. в моем сценарии. недавно сохраненные значения не обновляются в модели, и она показала некоторые нежелательные ненужные значения, которые я использовал для сохранения в некоторых других полях формы.

Ответ №1:

https://stackblitz.com/edit/angular-xjfnhk

вам просто нужно связать его с or [(ngModel)] , value или formcontrol .

В вашем случае дата, вероятно, не отображается, потому что она в неправильном формате. вы могли бы поместить

 appEndDate = new Date(this.someService['appoinementDetails'].endDate);

Я получил код отсюда.

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

2. Я не мог понять, что работает неправильно? проверьте красное поле формы. Я обновил stackblitz. это то, что вам должно понадобиться.

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

4. привет, спасибо за ваше время, чувак.. я исправляю это .. это просто глупая проблема с кешем в браузере..

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