问题标签 [pikaday]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
205 浏览

calendar - Pikaday - 不同颜色的不同活动

当我将事件添加到我的日历时,我想指定它的颜色。

例如

我可以添加一个事件并使用 CSS (.has-event) 将其设置为特定颜色,但这会使我的所有事件都具有相同的颜色。我想添加两个不同的事件,每个事件都有一种颜色(黄色和绿色)。

我可以使用以下两种形式之一的事件配置将事件添加到日历中:

我认为最新的一个可以解决我的问题,但它不起作用。你能告诉我我做错了什么吗?

0 投票
0 回答
254 浏览

javascript - 使用 disableDayFn 数组删除特定日期的 Pikaday 错误

我正在使用 Pikaday 日期选择器。一切正常,但对于一些复杂的日期操作,我需要添加/删除多个日期。

在上面的这个例子中:

  1. [这很好用] 我正在使用 enabled_dates 数组来启用我需要在日历上显示的多个日期。

  2. [这很好用]我正在使用实际的日期值“1”和“2”删除所有星期一和星期二:date.getDay() === x

  3. [不工作]当我尝试在数组中传递多个日期时,第一个日期被删除,但后续日期没有被执行。

在这个例子中,除了日期“06/22/2019”没有像出现的那样被删除之外,一切都很好,只删除数组中的第一个日期而不是后续的

小提琴演示:http: //jsfiddle.net/netfast/k36nhacz/18/

0 投票
0 回答
287 浏览

javascript - pikaday 输入语言还是英文

我添加了一个输入字段并正在使用 pikaday 日历。通过包含本地/da 脚本已将月份、日期从英语更改为丹麦语:但输入字段中的月份和日期文本不会更改。

0 投票
0 回答
203 浏览

reactjs - 如何实现 Pikaday 在 React 中工作

请参阅此主题 如何将 Pikaday 与 ReactJS 一起使用?

这是我的配置,

输入

创建参考

创建 pikaday 对象

渲染

当我点击输入时没有任何反应!我错过了什么?请帮忙!

0 投票
1 回答
71 浏览

php - 使用 PHP 日期作为 Pikaday minDate 变量

我正在尝试将 php 日期变量与 Pikaday 一起使用,但运气不佳。

日期:

皮卡迪代码:

我猜我需要格式化日期?而且我认为需要更改月份,以便 1 月为 00,2 月为 01 等,但不能 100% 确定。

0 投票
3 回答
872 浏览

javascript - Pikaday JS如何在没有时刻js的情况下使用全天和月份名称作为输入格式

我像这样使用 Pikaday.js:

我知道答案就在文档中的这个例子中:

但我不知道如何使用全天(周一、周二、周三等)和全月名称(一月、二月等)而不是缩写词(周一、周二、周三... Jan、Feb、Mar ... ETC)

我不想使用 Moment.JS,因为它是一个巨大的依赖项。

非常感谢任何帮助!

谢谢

在此处输入图像描述

0 投票
0 回答
602 浏览

javascript - 如何将 pikaday 值与 laravel livewire 属性绑定

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

主文件($datebox2 是 livewire 组件内的公共属性,但无论日期如何,它始终为空):

components._ndatetime-picker.blade.php 文件

0 投票
0 回答
433 浏览

laravel - Laravel Livewire:日期选择器输入被擦除,无法提交

Laravel8、Jetstream、Livewire。正常安装并添加常用的 CRUD 功能。到目前为止一切顺利,直到我在表单中添加 Alpine.js 和 Pikaday 后注意到以下问题。

  • 单击 Pikaday 并将所选日期设置为输入字段时工作正常。
  • 但是,在我对表单的任何其他部分(输入其他字段、按下按钮等)和所选日期无法保存到数据库。
  • 如果我手动输入日期,则不会出现问题,并且日期会保存到数据库中。

我是 Livewire 的新手,并按照此处的说明实现了我的代码: https ://laravel-livewire.com/docs/2.x/alpine-js#creating-a-datepicker

视图/组件/日期选择器.blade.php

有什么线索吗?

0 投票
1 回答
214 浏览

javascript - 从 onClick 图标触发 React Pikaday 日历

我有一个应用程序React Pikaday,它是一个 JS 日历插件,它添加了一个弹出日历并绑定到一个 HTML<input>标记。既然在 中React,就调用包装器组件<DatePicker>源代码

我还需要在输入框中添加一个小 FontAwesome 日历图标。但是因为这<DatePicker>是一个日期输入字段,所以我不能将日历图标添加为文本值。目前,我将<i>图标定位在<DatePicker>组件之后,然后应用填充使其稍微向后移动。

我的render()功能看起来像

但是,也需要在图标上单击操作来打开日历。但是日历功能绑定到输入字段,所以我无法访问较低级别的功能。我在 SO 上找到了一个帖子,Triggering Pikaday date picker script on input field and icon,解决方案基本上是在<i>标签上添加一个 ID 值,我这样做了,然后使用以下

触发 Pikaday 日历。但是,问题在于这是 React。并且链接的解决方案需要在 vanilla JS 中实例化一个新的 Pikaday 实例。这就是它的picker.show()来源。该解决方案使用一个new Pikaday()实例并调用picker.show()它。

我需要做这个解决方案所做的事情,但是在 React 中。通过单击相关图标打开我的 DatePicker 日历的“反应方式”是什么?谢谢。

0 投票
1 回答
596 浏览

laravel - Pikaday 在 laravel livewire 中没有定义

我在 laravel 中使用 pikaday datepicker 包,并使用 npm 安装了 pikaday 包。安装包后,我已包含require('pikaday/pikaday');在我的 app.js 中并运行npm run dev编译 js。

之后,我创建了一个自定义日期选择器组件,如下所示:

但我收到此错误:

app.js 代码:

我无法找到问题,所以有人可以指导我解决问题。