问题标签 [flatpickr]

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 投票
1 回答
4439 浏览

javascript - Flatpickr 即时更改 minDate maxDate

嗨,我正在尝试用flatpickr替换datetimepicker ,但我无法处理这种情况。不希望使用 flatpickr 的 Range 插件我希望能够使用 onChange 事件更改实例的 minDate 或 maxDate。不幸的是,我在指南上几乎没有找到有关此段落的信息

我试图玩$('#start_time')[0]._flatpickr.config._maxDate但没有成功

谢谢 ;)

0 投票
1 回答
979 浏览

flatpickr - 使用 flatpickr 时如何附加 html 元素

我遇到了最奇怪的问题,我很困惑。

我在我的网站上使用 flatpickr 作为日期选择器,这个工具工作得非常好,但是我想我想在弹出对话框中添加一个额外的图像。我在想“我能做到!” 所以我走了。

我找到了 onOpen() 钩子,并且知道它是我需要做的完美功能。然后我写了一些 jQuery 来引用对话框上的正确区域,然后 .append(htmlString)

我生成弹出窗口的代码和我的配置选项是:

问题是 'htmlString' 完全被视为文本,忽略了 html 指令,所以我在对话框中出现了以下 HTML。

我还附上了一张图片,供那些喜欢视觉解释的人使用。 插入的 htmlString 的屏幕截图

我已经检查并重新检查了 jQuery append() 命令,它应该正确处理 htmlString 参数。我唯一的想法是 flatpickr 库中有一些东西只允许包含文本。我认为我最好的帮助将来自使用 flatpickr 的其他人。

0 投票
1 回答
436 浏览

javascript - 在 flatpickr 中获取取消选择的日期时出错

flatpickr在我的应用程序上用作日期时间选择器。此日期选择器允许选择多个日期。我得到了我最后选择的日期(选择的日期看起来像标记的)。但问题是当我从多个日期中随机选择一个日期时,我无法获取该日期。

这是我的 jQuery 代码

newDates是从数据库中获取的日期数组。

0 投票
0 回答
292 浏览

angular - flatpickr typescript 错误 TS2349:无法调用类型缺少调用签名的表达式

我正在使用带有 Angular 5.0 应用程序的 flatpickr。

在我的文件中,我导入了 flatpickr,如下所示

此代码在本地机器上完美运行,并使用“ng build --prod”命令构建。但我在 Travis 构建中收到以下错误:

node_modules/@cloudMatrix-CAM/cb-carbon-angular-components/src/date-picker-single/date-picker-single.component.ts(198,16) 中的错误:错误 TS2349:无法调用缺少类型的表达式呼叫签名。类型 'typeof "/home/travis/build/cloudMatrix-CAM/cb-shared-components-ui/node_modules/flatpickr/dist/ty...' 没有兼容的调用签名。

我已经尝试了所有可能的方法来解决这个问题。但没有任何效果!有关如何解决此问题的任何想法。

0 投票
0 回答
3365 浏览

javascript - 如何将日期输入和选项限制为仅限年份

Flatpickr在我的 React 组件中使用来选择日期输入。最初,它应该是完整的日期,但我决定将其更改为仅包括年份。这是我想出的:

虽然在未切换输入时仅显示年份,但单击它仍将显示整个日历月。我如何确保它只显示供用户选择的年份选项? 在此处输入图像描述

0 投票
3 回答
5969 浏览

jquery - Flatpickr:添加下拉菜单以更改年份

我正在使用Flatpickr来满足我的日历需求。它提供了一个带有箭头的输入字段来更改年份。

我需要在日历中有一个下拉列表,以便我可以从该下拉列表中选择一年,然后日历指向那一年。

我已经.birthDate动态地为日历元素提供了一个特殊的类。我已经动态地向日历添加了一个下拉列表,如下所示:

问题是,当我点击它时没有任何反应。我的猜测是有一些preventDefault方法可以防止任何点击导致任何操作。然而,当我在单击下拉菜单时添加控制台语句时,它会出现在控制台上。

所以我的问题是如何在点击它时打开下拉菜单。请在此处找到该问题的示例。

0 投票
0 回答
81 浏览

javascript - Flatpickr rangePlugin:禁用天之间的天数是可选的

我正在使用 flatpickr v4.5.1。使用范围插件。在第一次选择时,一切正常(图 1)。禁用天数之间的天数被禁用且无法选择。但是再次打开选择器,然后这些天可以选择(图 2)。

在此处输入图像描述 在此处输入图像描述

0 投票
1 回答
2434 浏览

flatpickr - Flatpickr:提交表单 OnChange 日期

我尝试使用 OnChange 将所选日期发送到我的表单,以便在 URL 参数中使用所选日期重新加载我的页面,但我不知道如何执行此操作。

以前我使用 jQuery datepicker,它非常简单。

以前,使用 jQuery 日期选择器:

0 投票
1 回答
1613 浏览

javascript - flatpickr,链接两个输入字段以获取句点

我正在尝试用 Jquery 实现 flatpickr。到目前为止,一切都很好。

我有以下代码,它实际上有效:

但是我想将此代码更改为句点。我试图弄清楚如何使用flatpickr 参考页面做到这一点:

但是只要我添加代码"onChange",我基本上就会得到一个错误。我知道我很可能会犯语法错误,但我只是在这一点上卡住了。

最后我想把它变成一个周期选择器。因此,当您单击开始日期时,开始日期应自动设置结束日期的最短日期。

但现在我实际上并没有更进一步。

编辑:

Seb Cesbron 给了我正确的答案!

0 投票
1 回答
707 浏览

javascript - 如何在 Qualtrics 中使用 Flatpickr 在日历中选择日期?

我正在尝试将日期范围日历添加到 qualtrics 调查中,但我有点不知所措。

首先JS trainingcoding experience除了 HTML 之外,我对. 请 ELI5(像我五岁一样解释)对所有这一切,请善待。我有一个老板有非常不切实际的期望,尽管被告知我没有编码经验,但一直希望我学习如何做所有事情。摇滚和一个坚硬的地方。

Qualtrics 令人困惑,因为某些代码需要在外观部分中,而有些代码需要与特定问题有关。

其次,这是我到目前为止所做的:

我想达到什么目的?这是关于我的具体问题。目标是有一个日历或日期输入框,要求您选择一个日期范围,但没有一个日期可以比当前日期更接近 2 周。

我还希望将日期写入American style,例如4/6/1812/11/19,前面没有零。

我相信我现在设置的内容会要求在文本输入框中输入日期范围,并且不会允许从当天起两周内的任何日期。

我从这些链接中拼凑了我能做到的:

qualtricks 添加 javascript 链接

javascript 和 qualtrics 入门

javascript 和 qualtrics 最佳实践

flatpickr 入门

所以,我的问题是:

  1. 到目前为止我所做的是否有效?

  2. 问题中具体需要什么,Qualtrics 的“外观和感觉”部分需要什么?

  3. 如何确保不会撤消调查中的公司标题?

先感谢您。