Set the date default value from javascript about bladewind HOT 3 CLOSED

It's working.

I removed the
document.addEventListener('DOMContentLoaded', () => {
});

from bladewind.

@resujentoezequiel I just added a JS function to the helper.js file for this. Will be available in the next update but you can follow the steps below to have it working for you now.

1. Add the function below to your project_root > public > vendor > bladewind > js > helpers.js

/**
 * Set the value of a datepicker
 * @return {void}
 * @param {string} el_name - name of the input field to update
 * @param {string} date - new value to set
 */
var setDatepickerValue = (el_name, date) => {
    let newValue = date;
    let input = domEl(`.${el_name}`);
    if (!input) {
        console.error(`No datepicker found with the name ${el_name}`);
        return;
    }
    if (!input._x_model) {
        console.error(`Alpine.js component not found for element ${el_name}`);
        return;
    }
    input._x_model.set(date);
}

2. Define any datepicker but make sure to give it a name

<x-bladewind::datepicker name="invoice_date" />

3. Set the value of the datepicker via Javascript

document.addEventListener('DOMContentLoaded', () => {
   setDatepickerValue('invoice_date', '2020-10-10');
});

The function expects the DOM content to have fully loaded to work. Ideally the DOM content should have fully loaded when you decide to call the function later on in your page but if you are testing with console.log, you will need to use the event listener as I have done in point 3.

Please let me know if this worked for you.

from bladewind.

Awesome

from bladewind.