HTML5 шаблон ввода для даты

Question

Моя попытка:

  Year <select ng-options="x for x in ['2018']" required>      </select> 
  Month: <input  pattern="[0-1][0-9]" maxlength="2"   required></input> 
  Day: <input  pattern="[0-3][0-9]" maxlength="2"   required></input>  

Создать поле ввода для года, месяца и дня, которое имеет следующую проверку ввода.Есть ли у вас какие-либо предложения для шаблона формы ввода HTML5, который принимает следующие параметры?

• Год [2018]
• Месяц [01-12]
• День [01-31] ​​для Месяца [1,3,5,7,8,10,12]
• День [01-30] для месяца [4,6,9,11]
• День [01-28] для месяца [2]

Может ли следующее условие быть добавлено к шаблону ввода.

• , если выбран месяц 1, поле ввода для дня позволяет 1-31,
• , если выбран месяц 2, поле ввода для дня позволяет 1-28

Answer 1

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

(1\d{3}|2\d{3}) //Matches all the years between 1000 and 2999
(0[1-9]|1[0-2]) //Matches all numbers from 01 to 12
([0-2]\d|3[0-1])//Matches days from 01 to 31
([0-2]\d|30)    //Matches days from 01 to 30
([0-1]\d|2[0-8])//Matches days from 01 to 28