Entonces, tengo un campo de entrada, uno oculto, tipo texto, del cual necesito cambiar el valor. Entonces, ya estoy cambiando el valor de ese campo de entrada usando js y luego necesito cambiarlo nuevamente si cambia. Básicamente, primero estoy cambiando el valor predeterminado que se carga y después de ese cambio inicial, si se cambia por otra cosa (lo hace, por un evento de clic, creo), quiero cambiarlo nuevamente.
Pensé que usaría el evento 'cambiar' pero aparentemente, si js cambia el valor, ese evento no se activa. Descubrí que, como alternativa, puede simplemente construir su propio evento y adjuntarlo al elemento de entrada para sus cambios, pero parece que no puedo encontrar una manera de lograr esto. Aquí está el código actual que tengo que es para cambiar el valor inicial:
let timeout = setTimeout(changeText, 1000); function changeText() { let month = document.getElementById("date-picker"); let domMonth = month.value.split(" "); let translatedMonths = ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"]; let actualMonths = ["January", "February", "Mars", "April", "May", "June", "July", "August", "September", "October", "Noember", "December"]; domMonth[0] = translatedMonths[actualMonths.indexOf(domMonth[0])]; month.value = domMonth.join(" "); }FYI: #date-picker tendrá una fecha con el nombre del mes al principio y la fecha al final, así como '20 de enero'. Básicamente, estoy traduciendo el nombre del mes aquí. Creo que hay algunos errores en esta implementación correcta, pero quiero que funcione completamente ahora, luego podemos hablar sobre los errores. Entonces, básicamente, la función de cambio de texto debería activarse si hay un cambio en el valor del mes, se agradece cualquier ayuda.
Editar: Entonces, el # selector de fecha es un poco engañoso, en realidad no es el selector, sino que abre el selector real. Se parece a esto:
<input type="text" id="date-picker" readonly="readonly" class="redacted-class-names" autocomplete="off" placeholder="Date" value="">Todavía tengo confusión sobre cómo muestra ese texto (ese valor que estoy editando, está justo debajo de un elemento div y no hay otro elemento dentro)
Al hacer clic en él, se abre el selector, que es este: https://codepen.io/M4HD1BD/pen/rNGvWyq
Espero que esto ayude