不带日历的日期输入

Question

默认的html日期输入显示一个文本字段和一个用于查看日历的选项。出于可访问性目的，我需要该字段仅显示数字输入空间，而不显示日历选项。

我已经尝试了解决方法here，但这仅适用于Chrome，IE和Firefox仍显示日历。

Answer 1

因为日期字段存在兼容性问题。最好使用具有自定义CSS样式的原始HTML。我也在我的项目中做到了这一点，并且在许多情况下都能正常工作。您可以在下面尝试使用此代码。

<div class="DemoClass">
  <label for=""><strong>Date (dd/mm/yy)</strong></label>
  <input type="number" name="date" min="1" max="30">
  <input type="number" name="months" min="1" max="12">
  <input type="number" name="years" min="1900" max="2099">
</div>