Declaración del problema: estoy usando el selector de fechas de arranque en React JS. He usado type="date" para la fecha de nacimiento y no quiero que el usuario pueda seleccionar fechas actuales o futuras. como lo puedo hacer?
Código:-
import React from "react"; export default function DatePicker() { return ( <div> <div className="col-sm-4 col-md-3 col-lg-3 form-group required"> <label className="control-label">Date of Birth : </label> </div> <div className="col-sm-7 offset-1 col-md-8 col-lg-8"> <input className="text-uppercase input-group input-group-lg form-control" type="date" name="dob" /> </div> </div> ); }puede tener propiedades de min y max , debe establecer el valor máximo hasta hoy, por lo que todas las fechas futuras estarán deshabilitadas para que las seleccionen los usuarios,
<input name="Fecha_end" id="Fecha_end" className="text-uppercase input-group input-group-lg form-control" type="text" name="dob" max= new Date().getFullYear()+'/'+(new Date().getMonth()+1)+'/'+new Date().getDate(); />ejemplo de trabajo completo aquí, https://jsfiddle.net/hmLpfkts/1/