livewire alpine flatpickr 变空答案

【问题标题】：livewire alpine flatpickr getting nulllivewire alpine flatpickr 变空
【发布时间】：2021-05-12 11:38:32
【问题描述】：

我无法得到这个给我日期的 dd()。它不断返回为空。我已经正确实施了 flatpickr，当我尝试获取实际日期时，所有作品都接受了。但是，当我添加一个额外的按钮来提交带有电汇指令的日期时，它可以工作。但是我希望它在单击日期时触发。任何帮助，将不胜感激。谢谢

在我的 livewire 文件中。

public $date;
public function secondStepSubmit()
    { dd('date');
    };

在我看来

 <input x-data x-init="flatpickr($refs.input, null);" wire:change="secondStepSubmit" x-ref="input" type="text" />
   </div>

【问题讨论】：

标签： laravel laravel-livewire alpine.js

【解决方案1】：

flatpickr 有自己的更改事件监听器。您可以使用它来获取输入日期的值，如下所示。

<div>
  <input x-data x-init="flatpickr($refs.input, {
    onChange: function(dateObj, dateStr) {
        @this.call('secondStepSubmit', dateStr)
    }
  });" x-ref="input" type="text" />
</div>

我使用了livewire的@this刀片指令，我们也可以使用alpine的$wire。

在 Livewire 组件中，


 public function secondStepSubmit($date)
 {
    dd($date);
 }

【讨论】：