Laravel mit Livewire - Verwenden von Flatpickr für die Datumsspanne ⇐ Php

[Guest]

Ich habe Probleme, Flatpickr mit Laravel und in der Livewire -Komponente zu verwenden. >
[*] Installieren von Flatpickr < /code>: < /p>

Code: Select all

npm install flatpickr

[*] Inside /resources/js/app.js Ich habe:

Code: Select all

  import flatpickr from "flatpickr";
window.flatpickr = flatpickr;

[*] In In In. "Lang-html PrettyPrint-Override">

Code: Select all

  



@livewireScripts
@powerGridScripts





@stack('js')

[*] Erstellt in /public/js/flatpickr.js Datei zur Handhabung Aktionen:
< pre class = "Lang-js PrettyPrint-Override">

Code: Select all

  flatpickr("#test", {
mode: "range"
});

[*] In Innern-Benachrichtigungen-Management.BLADE.PHP Zeigen Sie den Skriptpfad an:

Code: Select all

 @if($modalNotificationCreateVisible)
@livewire('create-notification-form')
@endif
@push('js')


@endpush

Inneren erstellen-nicht-Form-Form (Es ist ein Modal) Ich habe eingegeben, das sollte Arbeiten Sie als DatePicker: < /p>

Code: Select all

  


< /code>
< /li>
< /ol>
Der Effekt ist nicht vorhanden. Wenn ich auf diese Eingabe 

im Formular klicke, funktioniert der Text eins. Hat jemand eine Idee, wie man damit umgeht, oder ich habe einige Schritte verpasst?