javascript - 使用 jquery val() 清除只读输入日期在 Firefox 上失败，在 Chrome 上成功。为什么？

Question

我在 Firefox 和 Chrome 之间遇到了不同的行为JQuery.val('')

这是显示问题的jsfiddle。https://jsfiddle.net/mdqfbj/d4eovkg8/3/

一个单选按钮调用一个 JS 函数来清除一些字段，包括一些 <input type="date" >.

在 Chrome 中它可以正常工作，而在 Firefox 中，日期输入只有在它们不是时才会被清除readonly。

由于 readonly 控制用户输入，因此我希望.val('')无论是否readonly存在都可以工作。

为什么不是这样？

Answer 1

根据您问题下的评论，这是与浏览器如何实现 HTML/JS 规范有关的问题。因此，除了使字段可编辑，更改其值，然后再次将其设为只读之外，您无能为力：

$('#shippingOffDate').prop('readonly', false).val('').prop('readonly', true);