javascript - jqueryMobile datebox 和 webshim + checkValidity()

Question

我正在使用datebox如果没有任何值，希望对我的输入进行一些验证。

<input name="fromDate" id="fromDate" type="date" data-role="datebox" required = "" data-errormessage="error">

我正在使用 webshim，如果删除 data-role="datebox"，效果会很好。他们有什么办法让它与日期框一起工作吗？

Answer 1

这是 HTML5 表单验证的日期框问题。 datebox 将输入设置为只读，这意味着在 HTML(5) 中，不应验证该字段 (willValidate = false)。如果删除 readonly 属性或将 readOnly 属性设置为 false，它会再次起作用。

为什么不使用 webshims 的日期选择器(请参阅一些变体: http://jsfiddle.net/trixta/VNuct/ )。

$.webshims.polyfill('forms forms-ext');

如果您使用 type="date"，则不应使用 datebox，除非您使其更兼容 HTML5(即始终使用 yyyy-mm-dd 格式等)

这里最好的事情是:您可以替换所有桌面浏览器中的 UI，并在现代移动浏览器中保留 native 实现，这意味着需要下载和执行的代码更少。 (但是当然，如​​果您愿意，您可以在任何地方使用可样式化的日期选择器)。

如果您需要 webshims 日期选择器的特定功能，请告诉我。