问题标签 [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 投票
2 回答
5837 浏览

jquery - Flatpickr - 限制可以选择的日期数量

我在我的应用程序中使用“flatpickr”作为日期时间选择器。此日期选择器允许选择多个日期,但在阅读文档后,我找不到任何方法来限制所选日期的最大数量。

查询:

在这里选择3个日期时,控制台输出“您已经达到了极限”,我想也许我可以在发生这种情况时禁用所有日期(除了先前选择的日期)。

Flatpickr 有一个disableandenable功能,但我不确定如何将它集成到代码中......我是一个 jquery 初学者。

文档显示了这两种方法;

0 投票
1 回答
114 浏览

javascript - 设置用于包装 div 的自定义 css

我使用来自 flatpickr 的 timepicker 我需要设置自定义宽度(用于移动支持)。我没有找到这个功能。提前感谢您的帮助。

0 投票
0 回答
669 浏览

javascript - 打字稿导入 * 从 .js | flatpickr.js | .net 核心

我收到错误:--allowJs 未设置。

我尝试了此处发布的解决方案 要求 TypeScript 中的 JavaScript Node.js 模块(未设置allowJs)

现在我无法在 VS2017 中构建我的项目,因为找不到 nuget 包。我错过了什么吗?

当 outdir/rootdir 设置为“wwwroot”时,我的 nugets 工作正常,但后来我得到这个“无法写入文件'...components.js',因为它会覆盖输入文件”

0 投票
1 回答
1535 浏览

javascript - flatpickr - 未捕获的 ReferenceError:未定义导出

我正在尝试为插件使用语言环境:flatpickr

控制台说:

未捕获的 ReferenceError:未定义导出

这是我的代码:

HTML

JS

sv.js

可能是什么问题?

我尝试在 js.br> 之前更改顺序并加载语言环境文件> 我还尝试跳过文件 sv.js 并将此代码导入到我的主 js 中。

0 投票
1 回答
606 浏览

typescript - 淘汰自定义绑定处理程序错误:不是构造函数“Flatpickr”

我正在尝试在 Flatpickr 的淘汰赛中创建一个自定义绑定处理程序。当我尝试使用它时,我收到一个错误:

我的自定义绑定处理程序:

打字稿定义文件:

我的观点:

我的页面模型:

我不确定为什么它说Flatpickr不是构造函数,当我将鼠标悬停new Flatpickr在 Visual Studio 中的部件上时,它正确显示了构造函数:Flatpickr 悬停

0 投票
1 回答
669 浏览

angular - 实现 ControlValueAccessor 但它没有将值传播到表单

我正在使用 Angular 上的反应式表单,但是在从自定义组件传播对表单的更改时遇到了麻烦。

例如,您可以在 plunkr 中看到使用 flatpickr 制作的日期输入组件。

https://plnkr.co/edit/okIjPb6aUcrzx3t7edae?p=info

您可以特别看到这段代码,当它设置属性日期时,它应该将更改传播到外面的表单,但是不,表单没有被更新。

plunkr 中还有一个反输入示例,它适用于角度原生事件,并且运行良好。

但是在使用自定义事件的日期输入中(我认为)它不起作用。

我认为解决方案类似于旧 Angularjs 中的旧 applyAsync,但 Angular 承诺通过使用区域来解决这些问题,所以我不清楚。我想对这个问题有所启发。

0 投票
5 回答
11635 浏览

angular - 如何获取格式化的日期字符串

我的 flatpickrOptions 看起来像:

html代码:<ng2-flatpickr [config]="exampleOptions" [(ngModel)]="dateTime"></ng2-flatpickr>

但我得到对象而不是字符串。就像是 :[Wed Oct 04 2017 12:00:00 GMT+0200 (Central European Daylight Time)]

如何获取格式化的日期字符串而不是我的打字稿方法?

0 投票
3 回答
331 浏览

javascript - 从函数中获取数据属性

我正在尝试data-io从我的函数中获取属性。

使用此代码,我可以得到我的输入 id:instance.input.id
但我无法弄清楚如何访问该data-io属性。

我试过了:

我应该怎么做?

0 投票
2 回答
886 浏览

javascript - 如何在javascript中显示日期的序数

我目前正在为我的网站上的弹出式日历实施 flatpickr,我的客户要求显示一种特定格式供他们自己使用,其中包括星期几和带有序号后缀的日期。据我了解,我可以使用一个调用altInput来实现这一点的配置设置,并使用altFormat它来准确指定如何显示它。

基于此,这是我的配置和实例化:

就我而言,显示的日期应该如下(使用今天作为选择的日期):

2017 年 10 月 10 日,星期二

但是,我实际上得到:

2017 年 10 月 1000 星期二

所以看起来序数后缀选项(根据PHP.net是一个大写的 S)只显示两个零。就好像它把大写的 S 当作小写的 s 来对待一样,也就是秒。

我在这里错过了什么吗?还有另一种方法可以在javascript中显示序数后缀吗?

0 投票
8 回答
77492 浏览

javascript - 使用 VueJS 在 Javascript 中转换日期格式

我有一个日期格式19 Oct 2017并想将其转换为这种格式20171019

有没有一种快速的方法来做到这一点?我FlatPickr在 VueJs 中使用。如果有任何帮助,请在下面找到我的代码。