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 的 datepicker（请参阅一些变体：http: //jsfiddle.net/trixta/VNuct/）。

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

如果你使用 type="date" 你不应该使用 datebox，除非你让它更兼容 HTML5（即总是 yyyy-mm-dd 格式等等）

最好的一点是：您可以在所有桌面浏览器中替换 UI，并在现代移动浏览器中保留本机实现，这意味着下载和执行的代码更少。（但当然，如果您愿意，您可以在任何地方使用可样式化的日期选择器）。

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