HTML5 ввода datetime-local: дополнительное время возможно?

Question

У меня есть это поле ввода

<input type="datetime-local" required>

Я бы хотел, чтобы часть даты была всегда обязательной, но не часть времени ... Я пробовал с шаблоном, как

pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}.*"

но это, похоже, не работает ... любая идея ...

Редактировать: я объясняю лучше здесь

<form name="test" method="POST" action="/">
  <input type="datetime-local" name="event_date_start" id="event_date_start"  
         min="2011-06-07T00:00" 
         max="2099-06-14T00:00" required><br>
  
  <input type="submit"/>

Я хочу использовать дату и время, но время должно быть необязательным.В приведенном выше примере, отправка запрещена, пока вы не введете 00 в поле времени.

Я хочу оставить это необязательное ...

Answer 1

Нет необходимости в шаблоне, просто используйте атрибуты min, max и value:

<input type="datetime-local"
value="2018-06-12T19:30"
min="2018-06-07T00:00"
max="2018-06-14T00:00" required>

Если вы хотите, чтобы поле ввода содержало только дату, используйте:

<input type="date" required>

Для времени необязательно:

<input type="date" required> <input type="time">