webshim datebox和jqueryMobile + checkValidity()

Question

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

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

我正在使用webshim，如果我删除data-role="datebox"，它会工作得很好。他们有没有办法让它和datebox一起工作？

Answer 1

这是HTML5表单验证的datebox问题。datebox将输入设置为readonly，这意味着在HTML5中，不应该验证字段(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的datepicker的特定功能，请让我知道。