问题标签 [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.
calendar - Pikaday - 不同颜色的不同活动
当我将事件添加到我的日历时,我想指定它的颜色。
例如
我可以添加一个事件并使用 CSS (.has-event) 将其设置为特定颜色,但这会使我的所有事件都具有相同的颜色。我想添加两个不同的事件,每个事件都有一种颜色(黄色和绿色)。
我可以使用以下两种形式之一的事件配置将事件添加到日历中:
我认为最新的一个可以解决我的问题,但它不起作用。你能告诉我我做错了什么吗?
javascript - 使用 disableDayFn 数组删除特定日期的 Pikaday 错误
我正在使用 Pikaday 日期选择器。一切正常,但对于一些复杂的日期操作,我需要添加/删除多个日期。
在上面的这个例子中:
[这很好用] 我正在使用 enabled_dates 数组来启用我需要在日历上显示的多个日期。
[这很好用]我正在使用实际的日期值“1”和“2”删除所有星期一和星期二:date.getDay() === x
[不工作]当我尝试在数组中传递多个日期时,第一个日期被删除,但后续日期没有被执行。
在这个例子中,除了日期“06/22/2019”没有像出现的那样被删除之外,一切都很好,只删除数组中的第一个日期而不是后续的
小提琴演示:http: //jsfiddle.net/netfast/k36nhacz/18/
javascript - pikaday 输入语言还是英文
我添加了一个输入字段并正在使用 pikaday 日历。通过包含本地/da 脚本已将月份、日期从英语更改为丹麦语:但输入字段中的月份和日期文本不会更改。
php - 使用 PHP 日期作为 Pikaday minDate 变量
我正在尝试将 php 日期变量与 Pikaday 一起使用,但运气不佳。
日期:
皮卡迪代码:
我猜我需要格式化日期?而且我认为需要更改月份,以便 1 月为 00,2 月为 01 等,但不能 100% 确定。
javascript - 如何将 pikaday 值与 laravel livewire 属性绑定
我对 laravel livewire 很陌生,我一直在尝试将 pikaday js 添加到我的项目中,但不幸的是,我无法将选定的日期绑定到 livewire 的公共属性中。
主文件($datebox2 是 livewire 组件内的公共属性,但无论日期如何,它始终为空):
components._ndatetime-picker.blade.php 文件
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
有什么线索吗?
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 日历的“反应方式”是什么?谢谢。
laravel - Pikaday 在 laravel livewire 中没有定义
我在 laravel 中使用 pikaday datepicker 包,并使用 npm 安装了 pikaday 包。安装包后,我已包含require('pikaday/pikaday');
在我的 app.js 中并运行npm run dev
编译 js。
之后,我创建了一个自定义日期选择器组件,如下所示:
但我收到此错误:
app.js 代码:
我无法找到问题,所以有人可以指导我解决问题。