iPad 上的日期选择器缺少“完成”按钮

Question

我有一个 “日期输入字段”，它在表单上使用默认的 html5 Date picker。

这在所有受支持的浏览器上都能很好地呈现和运行，但在使用 “Safari” 的 iPad 上，选择日期时没有显示“完成”选项。

但是，在 iPhone 上使用此表单时，确实会出现“完成”选项。

表单内置于ATG，是jsp。

我用于Date picker 的代码是：

<dspel:input id="treatmentDate${fieldCount}" type="date" min="${minDateCal}" max="${maxDateCal}" bean="${fieldBeanStringDate}.stringTreatmentDate" style="width:184px"></dspel:input>

就像我说的，上面的代码运行良好，只是缺少“done”选项会造成一些混乱。

是否有任何控件可以为 iPad 激活此功能？

提前致谢。

Answer 1

尝试访问<input type="date" /> here 的 W3 Schools 示例页面。

如果您在 ipad 上遇到同样的问题，那么您可能遇到了错误，替代方法是使用 javascript 日期选择器（使用 jquery 或类似方法）作为不完全支持 html5 日期选择器的浏览器的解决方法/备用。

文章here 描述了如何做到这一点。