问题标签 [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.
mysql - 如何使用 mySQL 数据库中的数据填充 Google 折线图。(单个文件/内联解决方案)
我有一个带有温度和湿度传感器的 MCU(ESP8266)。MCU 通过 MQTT 将测量数据发送到在我的 Synology NAS 上运行的 MQTT 代理。NAS 上还运行一个 MQTT 客户端 (Node.js),它将接收到的数据写入 NAS 上的 MySQL 数据库。最后但同样重要的是,网络服务器和 PHP 服务器也在 NAS 上运行。
现在我想制作一个网站,将数据库中的数据显示为折线图。
问题:
- 如何使用 mySQL 数据库中的数据填充 Google 折线图?
- 可以使用一个文件 (.php) 来执行此操作吗?
- 如何管理日期范围选择?
- 如何选择/取消选择图表上的线条?
reactjs - RangeError:设置最小最大日期时超出最大调用堆栈大小
在为日期选择器设置最小-最大日期时,我遇到了超出最大调用堆栈大小的问题。我有两个日期选择器(凝视日期,结束日期)。当我选择开始日期时,我正在为结束日期选择器设置最小日期,当我选择结束日期时,我正在为开始日期选择器设置最大日期。
提供同样的沙箱。
下面我提供相同的代码:
Flatpickr 组件
下面是在父组件上设置最小和最大日期的代码。
当我选择开始日期时,一切正常,但是一旦我选择结束日期,它就会显示此错误"RangeError: Maximum call stack size exceeded"。
环境信息
使用的 flatpickr 版本:3.6.4
浏览器名称和版本:Chrome,版本 70.0.3538.110(官方构建)(64 位)
操作系统和版本:Windows 10 Pro
reactjs - 如何在反应中使用纯 flatpickr?
我是 reactJS 的新手,我正在尝试使用纯flatpickr(https://flatpickr.js.org,而不是 react-flatpickr)下面是我当前的代码。有关如何正确实施它的任何帮助?
flatpickr - 如何更改 flatpickr 默认时区
我正在使用 flatpickr 来设置日期,
首先,我正在跟踪 selecteDate[0] 并给了我一个字符串
然后我正在跟踪 myDate 并且似乎已转换为 GMT+0000 ISO 字符串。
所以我的问题是 flatpickr 从哪里挑选 GMT-0500?有可能改变它吗?
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 找到包含的类型定义?
javascript - flatpickr 配置 - 如何为新记录设置今天的默认日期,但在更新现有记录时保留存储的值
我正在使用 flatpickr 成功插入或更新日期记录。对于新记录,默认值为 1970 年 1 月 1 日,但我想将新记录的默认日期设为今天的日期。请参阅下面的代码。最初,我只使用了现在位于语句“else”部分的代码,但这会将正在编辑的任何记录上的日期重置为今天的日期。所以第二个想法是测试这是否是现有记录,在这种情况下,“if”语句的前两行有效,或者如果它是新记录,则“else”设置的 defaultDate 为今天。此代码的当前行为是添加和编辑工作正常,但在新记录上,默认日期是 1970 年 1 月 1 日,而不是今天的日期。谢谢
vuejs2 - Flatpickr 不使用计算道具(VueJs)重新渲染
我的组件中有两个 flatpicker。当第一个日期被更改时,我必须更改第二个日期,但用户可以手动更改第二个日期。
如果用户更改第一个日期,则第二个日期应为第一个日期 + 3 天。
我尝试使用计算道具重新渲染第二个 flatpicker,但没有任何反应。
有我的计算道具
最奇怪的是我看到了 vue-devtools 的变化(http://joxi.ru/nAynW7asggRNzr)
javascript - Angularx-flatpickr 调用 changeMonth - Angular 7
我正在使用angularx-flatpickr@6.1.0
我需要从代码更改日历月份。根据文档,应该有一个名为changeMonth
. 我尝试从代码中获取日历实例,但它似乎是一个普通的 HTML 元素而不是一个 flatpickr。有人知道是否有办法调用它吗?或者我应该转储包装器并开始使用纯库?
这是我尝试过的
对不起,我在这里问它,但回购没有问题。
javascript - vue-flatpickr-component 有奇怪的样式
我目前正在尝试重现此处显示的“包装”示例:https ://ankurk91.github.io/vue-flatpickr-component/但即使复制粘贴我需要的确切代码片段(没有按钮样式) ,我得到一个奇怪/缩短的选择器组件
第一个是带有附加按钮的日期时间选择器(看起来很奇怪,没有什么是内联的),第二个没有任何特殊附加
我的代码如下所示:
vue-flatpickr-component 配置:
相关的 package.json 元素:
任何帮助将不胜感激,谢谢!