"Livewire 업데이트 시 날짜 선택기 재설정"

Question

텍스트 필드와 날짜 선택기가 포함된 매우 간단한 Livewire 구성요소가 있습니다.

<!-- test.blade.php -->
<div>
    <입력 유형="텍스트" wire:model="test" placeholder="test">
    <input datepicker="" wire:model="start" datepicker-format="dd.mm.yyyy" type="text"날짜 ...>
</div>

/* Test.php */
클래스 테스트는 구성 요소를 확장합니다.
{

    공개 $테스트;
    공개 $ 시작;

    공개 함수 마운트()
    {
        $this->start = now()->format('d.m.Y');
    }

    공개 함수 렌더링()
    {
        return view('livewire.test');
    }
}

제가 사용하는 날짜 선택기는 Flowbite Datepicker입니다.

날짜를 변경한 후 테스트 입력 필드를 변경하면 날짜 선택기가 오늘 날짜로 재설정됩니다.

시작의 가치를 유지하려면 어떻게 해야 하나요?

이미 무엇을 시도해 보셨나요? 날짜 선택기에서 wire:ignore를 사용해 보았지만 도움이 되지 않았습니다.

Answer 1

여기서 디버깅을 해보니 날짜 선택기의 코드에서 "changeDate" 이벤트를 사용하여 Livewire와 연결할 수 있다는 것을 발견했습니다. 이것이 문서화되지 않은 이유를 잘 모르겠습니다. 코드는 다음과 같습니다.

구성요소 보기:

으아악

구성품:

으아악

그리고 Livewire 구성 요소가 포함된 HTML 코드와 Flowbite 날짜 선택기 이벤트를 수신하고 그 후에 Livewire 이벤트를 트리거하는 js 코드입니다.

으아악

내 환경에서는 예상대로 작동합니다. 건배