laravel - 使用 Alpine 创建一个“始终打开的日期选择器”| 活线

Question

我正在尝试使用 Livewire 和 Alpine 创建一个刀片组件作为日期选择器。我使用此处显示的示例进行了操作：https : //laravel-livewire.com/docs/alpine-js 和 Pikaday。问题是日历仅在我单击输入时显示，并且我希望在页面加载时打开。在这里：https ://github.com/Pikaday/Pikaday/blob/master/examples/container.html有一个关于如何使用它的例子，但我无法“转换”到 Alpine | 活线。我能得到一些帮助吗？

PS：它不一定与 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或任何日期选择器 JavaScript 库x-init，你可以.show()实例化。