jQuery UI日期选取器不显示在移动iOS和Android上(但在桌面上显示)
问题描述:
我在网站上使用jQuery UI日期选择器。jQuery UI日期选取器不显示在移动iOS和Android上(但在桌面上显示)
它在桌面浏览器上运行得非常好,当用户点击输入时,日历显示出来,我可以保存选定的日期。
我的问题是在移动设备(iOS和Android),日历没有显示,我有原生的iOS日期部门,因为他们错了格式:
在移动,我没有看到日期选取器:
在桌面上,它工作正常:
这里是输入的(自定义模块的Drupal 8所以由表API生成的HTML)的HTML代码:
<input type="date" data-drupal-selector="edit-date-debut" aria-describedby="edit-date-debut--description" data-drupal-date-format="Y-m-d" class="form-date required form-control hasDatepicker" id="edit-date-debut" name="date_debut" value="" required="required" aria-required="true" step="300">
我试图强行与JS(它适用于台式机),但日期格式我仍然有iOS的日期选择:
$("#edit-date-debut").datepicker({ dateFormat: 'dd-mm-yy' });
我试图把输入的文本输入,然后装日期选择器。仍然没有运气。
$("#edit-date-debut").attr('type','text');
$("#edit-date-debut").datepicker({ dateFormat: 'dd-mm-yy' });
现在,我可以做什么产生的输入型texte:
<input data-drupal-selector="edit-date-debut" aria-describedby="edit-date-debut--description" class="form-text required form-control hasDatepicker" type="text" id="edit-date-debut" name="date_debut" value="" size="60" maxlength="128" required="required" aria-required="true" readonly="readonly">
然后,我附上日期选择器,它仍然在桌面上工作。在手机上,我不再看到格式错误的本地日期选择器。我仍然没有日期选择器日历,但用户可以在输入文本中键入日期。所以这是第一步。
你知道我该如何处理?
答
的解决方案是不使用:
<input type="date">
但
<input type="text">
,并附上日期选取器像jQuery Datepicker或Bootstrap Datepicker
在Safari中,我需要私人模式,因为测试Safari浏览器缓存防止我看到我的JS更新。