javascript - 如何使数据输入只读，但显示日历？

我在任何地方都找不到任何解决方案。我想让用户在单击我的输入时看到日历，但是当用户尝试更改值时，它不应该更改(或立即更改回值，开始时的值)。

Readonly 属性删除了日历，所以我尝试用不同的方式来做，比如使用 onchange/onclick 函数在事件发生后恢复我的值，但无论如何值都在变化.

所以现在我的输入是这样的:

<input class='test' type='date' value='2020-06-04' onkeydown='return false' >

所以至少用户不能使用键盘更改我输入的值。你能帮帮我吗？

最佳答案

你可以尝试设置一个时间限制

<html>
<body>
<input type="date" value="2020-06-04">
<input type="date" value="2020-06-04" min="2020-06-04" max="2020-06-04">

</body>
</html>

关于javascript - 如何使数据输入只读，但显示日历？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/65139566/