开发者问题收集

使用 JavaScript 在 Livewire 组件中传递数据

2022-04-25
2487

我有一个带有自定义属性的 Datepicker。我用 JavaScript 赋予此属性,并尝试用 JavaScript 将此属性传递给我的 Livewire 控制器。由于我使用的是库,因此使用 JavaScript 添加此属性。因此我可以在 JavaScript 中访问此属性。我想将它赋予我在类中创建的变量。

<input id="birth-date" type="text" autocomplete="off" placeholder="dd/mm/yyyy" 
       class="form-control air-datepicker" data-position="bottom right"/>

<i class="btn btn-primary btn-sm text-light" id="date_start_btn" 
   onclick="startday()">save date</i>

<script>
    function startday() {
        var startday = document.getElementById('birth-date').getAttribute('data-jdate');
        document.getElementById('birth-date').value = startday;
        document.getElementById('date_start_btn').classList.remove("btn-primary");
        document.getElementById('date_start_btn').classList.add("btn-success");
    }
</script>

我想将 startday 发送到我的 Livewire 组件以供使用。

1个回答

它对我有用!!

<input id="birth-date" wire:model="date" type="text"  autocomplete="off" placeholder="dd/mm/yyyy" class="form-control air-datepicker" data-position="bottom right" />
    
<script>
                                
function startday() {
var startday = document.getElementById('birth-date').getAttribute('data-jdate');
document.getElementById('birth-date').value = startday;
    
@this.set('date', startday);
                               document.getElementById('date_start_btn').classList.remove("btn-primary");
document.getElementById('date_start_btn').classList.add("btn-success");
}
</script>
Reza Khodarahmi
2022-04-25