en mi código tengo un botón y si el usuario hace clic en el botón, trato de cambiar un temporizador que se muestra en la interfaz de usuario por 20 minutos

este era mi código de interfaz de usuario

esta fue la función en la que el usuario hace clic en el botón, luego se llamará y se ejecutarán las siguientes líneas

 $('input[name$="timer[1]"').addClass('increaseTimer').removeClass('inputTimer');

El nombre de la clase se cambia al hacer clic en el botón, pero el temporizador no aumenta

la interfaz de usuario muestra el tiempo de la clase de temporizador de entrada

Aumentar el código del temporizador:

 $(".increaseTimer").datetimepicker({ ignoreReadonly:true, format: 'LT', defaultDate: genDate()+' 00:20' });

Introduzca el código del temporizador:

 $(".inputTimer").datetimepicker({ ignoreReadonly:true, format: 'LT', defaultDate: genDate()+' 00:00' });

el temporizador de aumento funciona solo si el temporizador de entrada no se usa en la propia interfaz de usuario; en ese momento, el temporizador de aumento se aplica al hacer clic en el botón

se aplica la clase de eliminación, pero la interfaz de usuario muestra el temporizador y no se elimina de la interfaz de usuario

¿Qué hay de malo en mi código?

Por favor, ayúdame