はじめに
環境 Laravel 8.68.0 (livewireが使えるバージョンならなんでも)
使用しているライブラリ
tempusdominus-bootstrap-4
使い方は名前で調べると割と記事が出てきます。
目次
対処法
手動でバインドさせる
<input type="text" class="form-control" id="select_year" data-toggle="datetimepicker">
{{ $selectYear }}
@push('scripts')
<script>
$('#select_year').datetimepicker({
'format': 'YYYY',
});
$('#select_year').on('update.datetimepicker', function (e) {
//手動バインド
@this.set('selectYear', e.target.value)
});
</script>
@endpush
備考
flatpickerというdatepicker系ライブラリなら普通に書いてるだけでバインドしてくれるのでこっちの方がオススメ。
唯FlatPickerには「年のみ選択」出来るフォーマットが無いので仕方なくdatetimepickerを使った所ハマったという訳です。