Tag: pickadate

在Safari上使用remodal和pickadate时出现严重的性能问题

我试图将remodal与pickadate一起使用，这样我就可以在模态中创建日期选择器和时间选择器。 在第一次试验中，我发现日期选择器将被重建器隐藏，如下所示。 为了克服这个问题，我为我的remodal创建了一个.full-screen类。 .remodal { &.full-screen { max-width: none; height: 100%; width: 100%; margin: 0 auto; } } 然后它在Chrome中运行得非常好，如图所示： 然后我在我的iOS上测试该网站，我发现叠加层是混乱的。 我认为它坚持活跃的输入元素的底部 。 如iOS safari和iOS chrome所示： 通常我会在MacOSX中打开我的Safari并尝试修复CSS。 但是，当在Safari中加载相同的页面时，会出现奇怪的性能损失： 我甚至无法加载开发人员工具 Safari CPU不断超过100％ 加载模态需要大约15秒 加载pickadate需要大约10秒钟。 结果如下： 如果你想尝试，我暂时打开这里的链接，点击绿色操作按钮，模态应该加载。 （首先尝试使用chrome，然后进行safari。）你会注意到差异。

在pickadate-picker中禁用日期并刷新它

我在初始化日期选择器后尝试禁用某些日期。 我正在初始化这个选择器： $( document ).ready(function() { $(‘#inputDatetime’).pickadate({ format: ‘dd. mmmm yyyy’, formatSubmit: ‘yyyy-mm-dd’, min: dt, selectYears: 2, selectMonths: true }); }); 用户现在执行一些触发onChange()事件的操作。 disableDates()函数准备更多日期以禁用，并使用set方法将其set为选择器： function disableDates() { var disabledDays = []; $.ajax({ url: ‘partners/getInactiveDays’, dataType: ‘json’, async: false, success: function(data) { $.each(data.days, function(i, d) { disabledDays.push(parseInt(d.Day.id)); }); } }); var $input = $(‘#inputDatetime’).pickadate(); var picker = […]