Cómo borrar mat-datepicker en Angular 5

Luego de tanto batallar pudimos hallar la contestación de este atolladero que agunos usuarios de este sitio web presentan. Si deseas compartir algún detalle puedes aportar tu información.

Solución:

Debes consultar por el matInput elemento.

componente.ts

@ViewChild('fromInput', 
  read: MatInput
) fromInput: MatInput;

@ViewChild('toInput', 
  read: MatInput
) toInput: MatInput;

resetForm() 
  this.fromInput.value = '';
  this.toInput.value = '';

componente.html

  
  
  



  
  
  


Reset 

Demo en vivo

Otra forma de hacerlo es establecer la variable relacionada indefinido:

HTML:

  
    
    
    
  

  
    
    
    
  

  Reset

Mecanografiado:

  resetForm() 
    this.fromDate = undefined;
    this.toDate = undefined;
  ;

HTML

TS

  @ViewChild(MatDatepicker)
  picker: MatDatepicker;

  resetPicker() 
    this.picker.select(undefined);
  

Sección de Reseñas y Valoraciones

Te invitamos a asentar nuestra ocupación añadiendo un comentario o valorándolo te lo agradecemos.

---

---

Utiliza Nuestro Buscador