返回页面后，flatPickr中的日历消失

文章/答案/技术大牛

发布

1回答

javascript、jquery、rubygems、ruby-on-rails-5、flatpickr

我正在开发一个Rails 5项目，并使用flatPickr gem来制作日历。日历运行良好，允许我在日期进行搜索，而不会出现问题。我以为一切都很好。然而，我注意到，当我离开我的主页，在那里我使用flatPickr并返回它时，日历不再出现。我已经检查了页面，甚至可以看到表单中不再有flatPickr CSS类。就像我说的，当我最初登陆/刷新主页时，效果很好。一旦我离开主页并回来，它就不能工作

浏览 25提问于2020-08-19得票数 0

回答已采纳

1回答

flatpickr webpack在react项目中导入错误

reactjs、flatpickr

我正在尝试在一个使用webpack作为模块捆绑器的react项目中使用flatpickr("^4.6.3)"。我在下面的代码中得到这个错误：import flatpickr from 'flatpickr'; import 'flatpickr/dist/themes/light.cs

浏览 6提问于2019-10-24得票数 0

1回答

如何在不重新加载页面的情况下重新加载页面的JavaScript (Vanilla )

javascript、dom、nested、calendar、flatpickr

当用户想要添加更多字段时，我有一些嵌套字段被附加到DOM中。这是由一个nested_fields.js文件完成的。问题之一是附加的字段是一个日历字段，正在由另一个名为calender_manager.js的JS文件处理。calender_manager.js使用的是Flatpickr模块，它在页面的HTML中查找带有.flatpickr类的输入标记。这是在加载页面时发生的<

浏览 9提问于2022-01-26得票数 0

回答已采纳

1回答

不通过rails导入映射生成平面拾取器

ruby-on-rails-7、import-maps

单击输入字段时，不会呈现预期的2个月日历&实际上，浏览器网络选项卡中没有任何内容注册。在bin/importmap pin flatpickr rails将库固定到importmap.rb文件中的cdn之后： pin "flatpickr", to: "https://ga.jspm.io/npm:flatpickr@4.6.9/dist/flat

浏览 3提问于2022-01-19得票数 1

回答已采纳

1回答

如何在Stenciljs组件中使用Flatpickr？

css、stenciljs、flatpickr

没有在模板组件中显示具有正确css的Flatpickr输入字段。我在一个新创建的应用程序(使用模具cli)中添加了平面选择日期输入字段。没有其他设置或信任被改变。import { Component, h } from '@stencil/core'; tagexport class MyComponent {

浏览 2提问于2021-08-20得票数 1

回答已采纳

1回答

Flatpickr停止文本输入并删除Iphone默认日历

css、iphone、flatpickr

在我们的日历中使用flatpickr，我们是不是遇到了Iphone/Ipad的问题？在日历打开时，光标在文本框中，这会触发默认的Iphone日历，如下所示。type="text" data-input="" class="form-control wdio-arrival qa-arrival-date-input book-box-datepicker flatpickr-

浏览 6提问于2018-12-05得票数 0

2回答

Vue模型数据属性可以等于另一个Vue数据属性对象返回的值吗？

javascript、html、ajax、vue.js、vuejs2

在我的html表单中，我使用了flatPickr (日历选择器)组件，它在表单上生成输入字段。我正在尝试弄清楚，如果error类函数返回true，我如何动态地更改输入字段类。下面是html表单中的flatPickr组件，下面还有一个显示通过ajax返回的错误消息的跨度。我想要实现的是，如果有一个从服务器返回的错误，我想添加一个" is

浏览 47提问于2019-10-17得票数 0

回答已采纳

1回答

当表单通过AJAX呈现时，Javascript无法工作

javascript、ruby-on-rails、ajax

我对AJAX和rails上的Javascript很陌生。当表单在没有AJAX的页面上呈现时，平面选择器工作得很好。items-center justify-between max-w-md">require("

浏览 0提问于2021-03-22得票数 0

回答已采纳

1回答

如何使用onChange设置当前扁平选择器输入字段的值？

javascript、flatpickr

我在一个页面中使用一个类将几个输入字段初始化为flatpickr inoout字段，并尝试使用dateStr值设置每个输入字段onChnage (选择日期)的当前值，但几次尝试后都没有成功。下面是我使用的代码： flatpickr.localize(flatpickr.l10ns.fa);flatpickr

浏览 15提问于2020-10-30得票数 0

1回答

如何在容器内而不是主体内定位react flatpickr

reactjs、datepicker、flatpickr

我有一个用例，在这个用例中，我必须将react平板选择器放在input元素的左侧或右侧，而不是放在上面或下面。下面是我使用的代码片段。import React, {useState, useRef} from &

浏览 1提问于2020-06-03得票数 1

1回答

有没有办法区分onChange事件中的时间选择事件和日历事件？

javascript、reactjs、flatpickr

当onChange事件被触发时，我找不到一种方法来区分flatpickr中的时间选择事件和日历事件。const instance = flatpickr(flatpickrRef.current, { enableTime: true, time_24hr

浏览 1提问于2019-08-06得票数 1

2回答

按月保持ASP.NET日历打开

c#、html、css、asp.net

我知道以前有人在互联网上问过这个问题，但我并没有使用，并且做了非常基本的工作。基本上，当他们单击文本框旁边的(ImageButton)图标时，它将在C#中触发一个OnClick事件，这将使日历可访问。然后，当他们在日历上选择任何内容时，就会在SelectionChanged上触发c#，然后在文本框中设置他们点击的日期。txt_DateOfInterview.Value = ClanderDOI.SelectedDate.Date.ToString("d&quo

浏览 4提问于2014-05-21得票数 0

回答已采纳

1回答

Flatpickr + SweetAlert2 =键盘可访问性问题

javascript、html、sweetalert2、flatpickr

', <form> </form> showConfirmButton: false, flatpickr(".

浏览 6提问于2021-04-13得票数 2

回答已采纳

2回答

如何用AlpineJS和Flatpickr停止传播？

javascript、alpine.js、flatpickr

我在我的应用程序上有一个过滤器的模式窗口。过滤器模式有@click.outside="filters = false"，所以如果用户单击该模式的外部，它将隐藏。在这个过滤器模式中，我有一个选项来选择我正在使用的最小日期。我如何使它，使任何点击内的

浏览 11提问于2022-03-07得票数 1

回答已采纳

1回答

在两列中显示平面拾取日历

javascript、jquery、calendar、flatpickr

我想在Flatpickr日历中显示两列。我已经搜索了Flatpickr文档，但是找不到如何做到这一点。JavaScript: mode: "range", } },HTML: <div id="az-cale

浏览 14提问于2022-04-07得票数 1

1回答

Flatpickr:不显示下个月的第一周

flatpickr

我不想在日历中显示下个月的第一周。在文档https://flatpickr.js.org/options/中看不到任何内容 ? 

浏览 21提问于2019-09-24得票数 0

回答已采纳

2回答

如何在比目鱼日元素上添加双击事件？

javascript、flatpickr

我有一些有日期和时间的比例尺日历，当我双击日历中的比例尺日元素时，我想关闭日历。我尝试在平面选择选项onOpen字段中添加一个双击侦听器 enableTime: true, [...instance.calendarContainer.querySelectorAl

浏览 0提问于2019-05-24得票数 0

回答已采纳

1回答

JavaScript打印功能使日历停止工作

javascript、php、mootools、joomla1.7

我使用Joomla作为我的内容管理系统，并使用下面的JavaScript打印页面的特定区域(实际上是整个正文)。window.print(); }在尝试打印某些内容后，日历停止工作。控制台中也没有显示js错误。什么地方出问题了？

浏览 1提问于2012-09-14得票数 0

回答已采纳

1回答

动态表单字段添加清除所有字段的输入。

javascript、jquery、flatpickr

我非常接近它的工作，但出于某种原因，我可以填写第一个字段，添加一个新的字段和第一个字段数据保留。然后，当我添加第二个字段，填充它并添加另一个字段时，它将清除所有现有的数据。我可以看出，flatpickr日历总是在第一个字段上，但是当我添加后续字段时，flatpickr日历只适用于最后一个字段，实际上不会在中间显示任何字段。我认为这是我的JS的一个问题，以及它如何获得最后一个元素，而不是它如何调用flatpickr库。下面是我在JSF

浏览 0提问于2018-05-18得票数 0

回答已采纳

1回答

刷新后未在日历上显示的事件

fullcalendar

我有一个完整的日历有点问题，我似乎不能得到的事件显示在日历刷新后，它添加到日历，但然后如果我刷新页面，它消失了，也有一个条目在数据库中的昨天，但也没有显示在日历中，下面是日历的编码，我已经使用粘贴盒来显示编码

浏览 2提问于2015-10-27得票数 0

点击加载更多