问题标签 [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 回答
843 浏览

mysql - 如何使用 mySQL 数据库中的数据填充 Google 折线图。(单个文件/内联解决方案)

我有一个带有温度和湿度传感器的 MCU(ESP8266)。MCU 通过 MQTT 将测量数据发送到在我的 Synology NAS 上运行的 MQTT 代理。NAS 上还运行一个 MQTT 客户端 (Node.js),它将接收到的数据写入 NAS 上的 MySQL 数据库。最后但同样重要的是,网络服务器和 PHP 服务器也在 NAS 上运行。

现在我想制作一个网站,将数据库中的数据显示为折线图。

问题:

  • 如何使用 mySQL 数据库中的数据填充 Google 折线图?
  • 可以使用一个文件 (.php) 来执行此操作吗?
  • 如何管理日期范围选择?
  • 如何选择/取消选择图表上的线条?
0 投票
0 回答
581 浏览

reactjs - RangeError:设置最小最大日期时超出最大调用堆栈大小

在为日期选择器设置最小-最大日期时,我遇到了超出最大调用堆栈大小的问题。我有两个日期选择器(凝视日期,结束日期)。当我选择开始日期时,我正在为结束日期选择器设置最小日期,当我选择结束日期时,我正在为开始日期选择器设置最大日期。

提供同样的沙箱。

代码沙箱示例

下面我提供相同的代码:

Flatpickr 组件

下面是在父组件上设置最小和最大日期的代码。

当我选择开始日期时,一切正常,但是一旦我选择结束日期,它就会显示此错误"RangeError: Maximum call stack size exceeded"

环境信息

使用的 flatpickr 版本:3.6.4

浏览器名称和版本:Chrome,版本 70.0.3538.110(官方构建)(64 位)

操作系统和版本:Windows 10 Pro

0 投票
1 回答
5471 浏览

reactjs - 如何在反应中使用纯 flatpickr?

我是 reactJS 的新手,我正在尝试使用纯flatpickrhttps://flatpickr.js.org,而不是 react-flatpickr)下面是我当前的代码。有关如何正确实施它的任何帮助?


0 投票
1 回答
2850 浏览

flatpickr - 如何更改 flatpickr 默认时区

我正在使用 flatpickr 来设置日期,

首先,我正在跟踪 selecteDate[0] 并给了我一个字符串

然后我正在跟踪 myDate 并且似乎已转换为 GMT+0000 ISO 字符串。

所以我的问题是 flatpickr 从哪里挑选 GMT-0500?有可能改变它吗?

0 投票
1 回答
1735 浏览

typescript - TypeScript 找不到模块 flatpickr,即使它包含 typescript 类型

我正在尝试导入一个包含 TypeScript 定义的模块。安装 @types/flatpickr 甚至会发出警告,不需要安装它。

似乎 tsc 没有获取已安装包的 *.d.ts 文件,然后简单地忽略了整个包。

我创建了一个显示问题的简单 JS 项目:https ://github.com/Strayer/typescript-import-flatpickr-issue

tsc 报告的错误信息是:

node_modules/flatpickr/dist/types安装依赖项后可以找到类型本身。

我需要做什么来帮助 TypeScript 找到包含的类型定义?

0 投票
1 回答
3161 浏览

javascript - flatpickr 配置 - 如何为新记录设置今天的默认日期,但在更新现有记录时保留存储的值

我正在使用 flatpickr 成功插入或更新日期记录。对于新记录,默认值为 1970 年 1 月 1 日,但我想将新记录的默认日期设为今天的日期。请参阅下面的代码。最初,我只使用了现在位于语句“else”部分的代码,但这会将正在编辑的任何记录上的日期重置为今天的日期。所以第二个想法是测试这是否是现有记录,在这种情况下,“if”语句的前两行有效,或者如果它是新记录,则“else”设置的 defaultDate 为今天。此代码的当前行为是添加和编辑工作正常,但在新记录上,默认日期是 1970 年 1 月 1 日,而不是今天的日期。谢谢

0 投票
1 回答
581 浏览

vuejs2 - Flatpickr 不使用计算道具(VueJs)重新渲染

我的组件中有两个 flatpicker。当第一个日期被更改时,我必须更改第二个日期,但用户可以手动更改第二个日期。

如果用户更改第一个日期,则第二个日期应为第一个日期 + 3 天。

我尝试使用计算道具重新渲染第二个 flatpicker,但没有任何反应。

有我的计算道具

最奇怪的是我看到了 vue-devtools 的变化(http://joxi.ru/nAynW7asggRNzr

我使用这个库(https://www.npmjs.com/package/vue-flatpickr

0 投票
0 回答
357 浏览

javascript - Angularx-flatpickr 调用 changeMonth - Angular 7

我正在使用angularx-flatpickr@6.1.0我需要从代码更改日历月份。根据文档,应该有一个名为changeMonth. 我尝试从代码中获取日历实例,但它似乎是一个普通的 HTML 元素而不是一个 flatpickr。有人知道是否有办法调用它吗?或者我应该转储包装器并开始使用纯库?

这是我尝试过的

对不起,我在这里问它,但回购没有问题。

0 投票
1 回答
1015 浏览

javascript - vue-flatpickr-component 有奇怪的样式

我目前正在尝试重现此处显示的“包装”示例:https ://ankurk91.github.io/vue-flatpickr-component/但即使复制粘贴我需要的确切代码片段(没有按钮样式) ,我得到一个奇怪/缩短的选择器组件

第一个是带有附加按钮的日期时间选择器(看起来很奇怪,没有什么是内联的),第二个没有任何特殊附加

我的代码如下所示:

vue-flatpickr-component 配置:

相关的 package.json 元素:

任何帮助将不胜感激,谢谢!

0 投票
1 回答
3220 浏览

javascript - Flatpickr 移动格式

我正在使用 ember-flatpickr 2.12.0 版,并且在移动设备上遇到格式问题。我将属性 dateFormat 设置为“dmY”,这在桌面浏览器上运行良好,但在手机上设置为“mm/dd/yyyy”。有人可以帮我吗? 查看屏幕截图

  • 使用的 flatpickr 版本:4.5.4

这是 复制链接,只需将浏览器切换到响应模式或在移动设备上查看。谢谢你的建议