0

Actualmente trato de implementar materialize a un proyecto. Sin embargo a la hora de tomar el valor de fecha elegida a travez del datepicker y enviarlo, el valor de fecha no es enviado al revisar el objeto cuando lo imprimo.

HTML:

<input name="fecha" #fecha="ngModel" [(ngModel)]="producto.fecha" type="text" class="datepicker2">

Component:

ngOnInit() {
    $('.datepicker2').datepicker({
      format: 'yyyy-mm-dd',
      disableWeekends: true,
      firstDay: 1,
      onSelect: (date) => {
        this.fec = date;
        console.log(this.fec);
       }
    });    }


   onSubmit() {
    console.log(this.producto);
  }

introducir la descripción de la imagen aquí

Espero puedan tener una solución y me digan como aplicarlo.

Saludos.!

1 respuesta 1

0

Prueba a mover el código del datepicker a la función de angular ngAfterViewInit(). Es posible que cuando llamas a jQuery en el onInit() el nodo $('.datepicker2') no se haya generado todavía en la página y por eso no lo puedes acceder.

Para debugearlo, prueba a asignar $('.datepicker2') a una variable y hacerle console.log. Es muy probable que te salga undefined

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.