Программно отображать значение без даты в угловом материале - PullRequest
Новая
       10

Программно отображать значение без даты в угловом материале

0 голосов
/ 04 октября 2019

Я хотел бы отобразить не дату в материале datepicker. В этом случае строка, которую я хочу отобразить, это 'test' . Случай, когда я перетаскиваю текстовый элемент, а затем перетаскиваю на входе, я хочу проверить, если его дата или нет, и показать его пользователю. Он должен видеть перетаскиваемое значение внутри ввода.

HTML: 

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Choose a date" [(ngModel)]="value">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>
<br>
<mat-form-field>
  <input matInput [matDatepicker]="picker2" placeholder="Choose a date" [(ngModel)]="text">
  <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
  <mat-datepicker #picker2></mat-datepicker>
</mat-form-field>

TS: 

import { Component } from "@angular/core";

/** @title Basic datepicker */
@Component({
  selector: "datepicker-overview-example",
  templateUrl: "datepicker-overview-example.html",
  styleUrls: ["datepicker-overview-example.css"]
})
export class DatepickerOverviewExample {
  value = new Date();
  text = "test";
}

live: https://codesandbox.io/s/angular-material-todoapp-example-9z2yr?fontsize=14

...