Supongamos que hemos definido un formulario simple usando bootstrapvue con un solo campo:

 <div id="myForm"> <b-form-group horizontal :label-cols="4" required label="Specify the date"> <b-form-datepicker v-model.trim="date"></b-form-datepicker> </b-form-group> </div>

Cuando se hace clic en un botón determinado en mi aplicación, se invoca una función de JavaScript (llamémosla functA ). Lo que estoy tratando de hacer es cambiar tanto el valor como el marcador de posición del campo de fecha en el formulario (a través de innerhtml ).

Así que sería algo como esto:

 functA(newPlaceHolder) { //This function's intended behavior is to change the date field placeholder in the form document.getElementById("myForm").innerHTML=' [...]change the placeholder of the attribute *date* so that it uses the one passed as parameter to the function'; }

¿Como se puede hacer esto? He intentado varias cosas antes, pero ninguna funciona.

Muchas gracias por su atención.