Tengo columnas de tabla estáticas para cada mes y columnas de cuerpo de tabla estáticas como texto de entrada para cada mes. Tengo un problema al crear una lógica para deshabilitar el texto de entrada del mes futuro. gracias de antemano código de mi archivo html
quiero deshabilitar la entrada del mes futuro, por ejemplo, noviembre y diciembre
en angular puede usar la propiedad [deshabilitada] en el campo de entrada y llamar a un componente un método
para la muestra, puede crear un método y pasar el parámetro el número de mes
<input [disabled]="isFutureMonth(0)"/> // for january <input [disabled]="isFutureMonth(1)"/> /// for febraryy en el controlador del componente podemos proponerle:
almacenado en algún lugar el mes actual
cree un método que verifique si el mes de entrada está en el futuro o no ingrese el código aquí
exportar clase MiComponente {
currentMonth:number; constructor() { this.currentMonth = new Date().getMonth(); } isFutureMonth(monthNumber:number):boolean { return (monthNumber > this.currentMonth); }}
Debe agregar un campo adicional en su tabla estática para el número de mes. Por ejemplo: Ene = 1, Feb = 2, Mar = 3.....
Después de eso, en su componente, declare dos nuevas variables todaysDate = todaysDate: Date = new Date(); y currentMonth = currentMonth: any
Luego cree un método para obtener el mes actual como se muestra a continuación
getMonth() { this.month = this.todaysDate.getMonth() + 1; } Llame a este método desde ngOnInit() , obtendrá el mes actual.
Después de esto, en su archivo HTML, agregue [disabled] en sus campos de entrada [disabled]="(i.month > currentMonth)"