Imagine we have created a basic form with BootstrapVue that includes only one field:
<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>
Whenever a specific button is clicked in my application, it triggers a JavaScript function (let's name it functA). The goal is to modify both the value and placeholder of the date field in the form using innerHTML.
Essentially, this would involve something like this:
functA(newPlaceHolder) { //This function is designed to change the date field's placeholder in the form
document.getElementById("myForm").innerHTML=' [...]change the placeholder of the attribute *date* to match the parameter passed to the function';
}
Is there a way to accomplish this task? I've attempted different methods previously, but none have been successful.
I appreciate your help. Thank you very much.