Ввод даты без календаря

Question

Ввод html-даты по умолчанию показывает текстовое поле и возможность просмотра календаря. В целях доступности мне нужно, чтобы поле показывало только числовое пространство ввода, а не опцию календаря.

Я пробовал решение здесь , но это все еще работает только для Chrome, IE и firefoxпоказать календарь.

Answer 1

Поскольку поля даты имеют проблемы совместимости. Лучше работать с необработанным HTML с помощью пользовательских стилей CSS. Я сделал это и для своих проектов, и он отлично работает во многих ситуациях. Вы можете попробовать работать с этим кодом ниже.

<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>