2

tengo un input tipo date que me gustaría vaciarlo al hacer click en otra parte de mi página web. Igualándolo a null no se me vacía a ver si alguien puede ayudarme.

<div class="form-group">
    <input type="date" class="form-control" id="date" [(ngModel)]='auxHistorialFechaCre' aria-describedby="date" [disabled]="!modify">
</div>

Muchas gracias

1

2 respuestas 2

3

JQUERY:

$("#date").val(null);

Si quieres realizarlo en el click de un elemento podrías hacer algo como:

$("body").click(function(){
  if($("#date").val() != "" && $("#date").val() != null ){
    console.log("Valor antes de borrar: "+$("#date").val());
    $("#date").val(null);
    console.log("Valor despues de borrar: "+$("#date").val());
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
    <input type="date" class="form-control" id="date" [(ngModel)]='auxHistorialFechaCre' aria-describedby="date" [disabled]="!modify" value="12/07/2005">
</div>

1

Sin más información es difícil saber donde puede estar el problema. Pero si poner nulo no lo "vacía" es porque no se está poniendo a nulo el valor correcto:

<div class="form-group">
  <input type="date" class="form-control" id="date" [(ngModel)]="auxHistorialFechaCre" aria-describedby="date" disabled="!modified">
</div>
<button (click)="auxHistorialFechaCre = null">VACIAR</button>

Aqui un enlace un stackblitz donde se ve como funciona ok

https://stackblitz.com/edit/angular-45bpic

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.