2017-10-06 98 views
0

我在网站上使用jQuery UI日期选择器。jQuery UI日期选取器不显示在移动iOS和Android上(但在桌面上显示)

它在桌面浏览器上运行得非常好,当用户点击输入时,日历显示出来,我可以保存选定的日期。

我的问题是在移动设备(iOS和Android),日历没有显示,我有原生的iOS日期部门,因为他们错了格式:

在移动,我没有看到日期选取器:

enter image description here

在桌面上,它工作正常:

enter image description here

这里是输入的(自定义模块的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"> 

然后,我附上日期选择器,它仍然在桌面上工作。在手机上,我不再看到格式错误的本地日期选择器。我仍然没有日期选择器日历,但用户可以在输入文本中键入日期。所以这是第一步。

你知道我该如何处理?

回答

0

的解决方案是不使用:

<input type="date"> 

<input type="text"> 

,并附上日期选取器像jQuery DatepickerBootstrap Datepicker

在Safari中,我需要私人模式,因为测试Safari浏览器缓存防止我看到我的JS更新。

相关问题