Livewire と flatpickr: 空のデータを処理する場合の変更

Question

免責事項: Livewire と flatpickr を結合する方法についていくつかの質問があることは承知していますが、提供された解決策は私の問題へのアプローチ方法と大きく異なるため、理解できません。そうは言っても、私はまだ Livewire を学んでいるので、やり方が間違っているだけかもしれません。

私は、 flatpickr を使用して日付と時刻を選択する Livewire コンポーネントを持っています。

リーリー

ブレード コンポーネントには、 flatpickr を初期化するためのスクリプト セクションもあります。

リーリー

日付ピッカーは正しく表示されますが、その値を変更すると、クライアントから送信されたデータが空になります。

＃＃＃どうすればいいですか？

Answer 1

Livewire を正しく設定すると、コードは正常に実行されます。

• Livewire クラス public $chosendatetime; に chosendatetime
という名前のパブリック プロパティがあることを確認してください。
• updatedChosenDatetime() という関数を追加し、dd() を使用して $this->chosendatetime を出力し、値が受信されたかどうかを確認します
• @livewireStyles と @livewireScripts
をレイアウト テンプレートに必ず含めてください
• FlatPickr の JS と CSS が含まれていることを確認してください

Livewire クラスのコードは次のとおりです:

リーリー

Answer 2

次のように wire:ignore を div 要素に追加してみてください:

リーリー

このディレクティブは、コンポーネントが更新されるときにページのこの部分をスキップし、変更しないように Livewire に指示します。これを使用しない場合、Livewire によって flatpickr インスタンスが置き換えられ、動作しなくなる可能性があります。