问题标签 [pikaday]

如何在 Laravel 8 / livewire 2.5 / alpinejs 3 / tailwindcss: 2.2 app 中使用 pikaday？我安装了 npm pikaday 和 moment-timezone 并在

但我得到了错误：

当我在模板中使用它们时：

哪个是正确的方法？

修改块#1：

我设法使用 resources/js/bootstrap.js 中的行导入 Pikaday：

在我阅读的文档中：

您还需要包含 Pikaday CSS 文件。此步骤取决于 Pikaday 的安装方式。从 NPM 导入：@import './node_modules/pikaday/css/pikaday.css';

但是在 resources/js/bootstrap.js 中添加一行：

我在控制台中出错：

webpack 编译时出现 1 个错误

我真的找到了一个文件/ProjectPath/node_modules/pikaday/css/pikaday.css。我是否使用了无效的语法...

如何解决？

谢谢！

我知道如何将 pikaday 输入对象绑定到 livewire 组件中的公共属性。但是，我想将它绑定到类型提示的公共属性。我有一个类型提示的属性，如下所示：

Activity是一个模型，包含了多种字段，如[begin_birthdate]、[end_birthdate]、[registration_deadline]、[cut_date]，所以在blade模板中渲染：

因此，在刀片模板中，您可以参考 {{ $act->registration_deadline }} 等数据。

但是在 pikaday 输入元素或任何带有 wire:model 绑定的输入元素中引用属性的语法是什么？这是我的 pikaday 输入元素的示例：

请注意，我绑定到属性 $begindob 因为在 mount() 钩子中我有这个：

因为我一直无法弄清楚如何绑定到 act.begin_birthdate。我试过这样的事情：

是否可以绑定到类型提示的值，这样我就不必创建额外的公共属性，在这种情况下，$begindob 是 = 到 $act->begin_birthdate。

有没有办法绑定到 act->begin_birthdate 而不是 begindob？

我在我的项目中使用 pikaday.min.js 和 pikaday.min.css。问题在于岁月。当我点击年份时，选项是选择的年份 -/+ 10 年，但是当灰色框弹出时没有滚动选项。

例如。如果我想在下面的示例中选择 2002 年，我必须选择年份 <2012 才能显示 2002。我希望我足够清楚

我在我的项目中使用 pikaday.min.js 和 pikaday.min.css。问题在于岁月。当我点击年份时，选项是选择的年份-10年和+10年，但是灰色框弹出时没有滚动选项。

例如。如果我想在下面的示例中选择 2002 年，我必须选择年份 <2012 才能显示 2002。

我认为有一个CSS问题，但我不知道我在哪里可以改变它？检查下面的代码。

您好，我正在使用一个 Pikaday 日期选择器，它正在像这样初始化

在给定的情况下，我想启用/禁用它并设置显示日期。

我正在做这样的事情

我已经摆弄了一点，但不多。

我有几个问题，但主要的一个是这个......

如果我在分配变量后立即运行此代码

日历（选择器打开）不是我想要的，我只想真正设置值。我以前在其他地方这样做过，没有问题。谁能指出可能出了什么问题？这是真正的问题。

顺便说一句，我找不到禁用选择器的方法，这也是我使用 getElementById 的原因。setDate 是在日历中设置日期，而不仅仅是令人讨厌的文本？有没有办法用选择器变量做这两件事？

我正在尝试在动态生成的输入元素上使用 pikaday。但是它会启动无限循环，使页面无响应。这是我的代码

I am using pikaday.js date picker. I have moment.js loaded as well.

If i select 02/02/2022 it stored fine but when the page loads it changes changes the date to a random date.

if i remove format: 'DD-MM-YYYY' and use the default ISO format it works fine

我有一个 Pikaday 日期选择器组件，它有一个使用 Chrome 时涵盖日历的建议（以前）值列表。我已经尝试过 autocomplete='off' 和 autocomplete='new-password' ，但它们似乎都没有解决这个问题。

沿着这些方向

所以看到目前为止的评论，要么我完全误解了我正在查看的页面（Liam 在评论中引用），要么我没有正确解释这个问题。

所以 On Chrome autocomplete="off" 被绕过。我得到这样的东西......

我想知道引用页面所暗示的提示是否适用于任何输入字段，但是通常所有示例都用于输入密码类型（出于显而易见的原因） autocomplete="new-password" 可能会有所帮助。它没有帮助，对于 Chrome、Chromium、Firefox 和 Safari 之外的 Chrome（特别是），我仍然会遇到不需要的行为。

有人对我接下来应该尝试什么有任何提示吗？

我想在 Pikaday 中更改某天对象的​​颜色，而不进行任何禁用。或通过徽章指定它们。

我想知道是否有一个简单的解决方案来激活 pikaday 日期选择器中的一些派系日。

我用 date.getDate 封锁了所有的周二、周三、周四和周日。但是，我不想阻止 5 个假期，如果它们是在周二、周三、周四或周日，它们也会被阻止。我可以在 javascript 中包含异常吗？

我知道使用 jquery 和 moment 有一个解决方案，就像在 php 中创建一个数组并删除这些日期然后呈现它们一样。这样，只有 5k 的日期选择器的优势就消失了。

我喜欢 php，但 javascript 不是我的菜。

有人看到解决方案吗？