使用 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