Question

我正在尝试使用Livewire和Alpine为日期选择器创建刀片组件。我以此处显示的示例为例：https://laravel-livewire.com/docs/alpine-js，和《皮卡第》。问题在于日历仅在单击输入时显示，并且我希望在页面加载时打开。此处：https://github.com/Pikaday/Pikaday/blob/master/examples/container.html有一个使用示例，但我无法“转换”为Alpine | Livewire。我可以帮忙吗？

P.S .：不一定与Pikaday相同。

Answer 1

您尝试过这样的事情吗？

<div x-data x-init="picker = new Pikaday({ field: $refs.datepicker }); $nextTick(() => picker.show())">
  <input type="text" x-ref="datepicker" />
</div>

或更小的事件：

<input x-data x-init="picker = new Pikaday({ field: $el }); $nextTick(() => picker.show())" type="text"/>

这个想法是，您需要实例化Pikaday中的x-init或任何日期选择器JavaScript库，然后才能.show()实例。

使用Alpine创建“始终开放的日期选择器”活线

1 个答案: