selector de fecha y hora no funciona

Tengo un sitio web en el que, si el usuario hace clic en el botón, el temporizador que se muestra en la interfaz de usuario cambiará en 20 minutos, pero cuando lo hago, no funciona.

Aquí está mi código:

Función llamada al hacer clic en el botón.

Hice esto eliminando la clase de temporizador anterior y agregué una nueva clase de temporizador para aumentar el temporizador.

 function check(element) { (('input[name$="timer[[1]]"').addClass('increaseTimer').removeClass('inputTimer')); }

Mi elemento de entrada:

Introduzca el código del temporizador:

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

Aumentar el código del temporizador:

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

Durante la inspección, el nombre de la clase se cambió pero no cambia el temporizador en la interfaz de usuario, pero el mismo código funciona si eliminé el temporizador de entrada del tipo de entrada de esta manera:

después de eso, cuando hago clic en el botón, llama a la función de aumento del temporizador y aumenta el temporizador en 20.

Entonces, ¿qué está mal en mi código?