<andres-carmona />

TIL #1: valueAsNumber y valueAsDate en inputs
First published on
on html, inputs, forms

Puedes transformar automaticamente valores de inputs a numero y fecha usando valueAsNumber y valueAsDate en los objetos de input.

// Siempre devuelve NaN porque valueAsNumber no existe en inputs de texto
<input type="text" onChange={e => console.log(e.target.valueAsNumber)} />

// Devuelve el valor como entero o flotante
// dependiendo del atributo step del input
<input type="number" onChange={e => console.log(e.target.valueAsNumber)} />

// Devuelve la fecha como timestamp UNIX, ej. new Date().getTime()
<input type="date" onChange={e => console.log(e.target.valueAsNumber)} />

// Devuelve la fecha como objeto Date de JS
<input type="date" onChange={e => console.log(e.target.valueAsDate)} />

Ref URL: https://devlog.willcodefor.beer/pages/use-valueasnumber-and-valueasdate-on-inputs/