如何将 pikaday 值与 Laravel livewire 属性绑定

问题描述

我对 laravel livewire 还很陌生，我一直在尝试将 pikaday js 添加到我的项目中，但不幸的是，我无法将所选日期绑定到 livewire 的公共属性中。

main 文件（$dateBox2 是 livewire 组件内的公共属性，但无论日期如何，它始终为空）：

<div class="">
        <input x-text="$wire.set('dateBox2',picker)" type="text" id="datepicker">
        @include('components._ndatetime-picker')
   </div>

components._ndatetime-picker.blade.PHP 文件

<div>
    <script src="https://cdn.jsdelivr.net/npm/pikaday/pikaday.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/pikaday/css/pikaday.css">

    <script src="pikaday.js"></script>
    <script>
        var picker = new pikaday({ 
            field: document.getElementById('datepicker'),onSelect: date => {
                var year = date.getFullYear(),month = date.getMonth() + 1,day = date.getDate(),formattedDate = [
                    year,month < 10 ? '0' + month : month,day < 10 ? '0' + day : day
                ].join('-')
                document.getElementById('datepicker').value = formattedDate
            }
        });
    </script>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）