Средство выбора даты отображается за раскрывающимся меню ввода текста

Я погуглил эту проблему и реализовал часть предоставленного кода jQuery, но ничего не помогло. Как мне сделать так, чтобы средство выбора даты отображалось перед раскрывающимся списком?

Это мой HTML:

<таблица>

Дата начала:

Дата окончания:

Это мой jQuery:

<тип сценария="текст/javascript">

$(документ).ready(функция() {

$('#MealplanEventDate').datepicker({

dateFormat: 'гг-мм-дд',

});

$('#MealplanEndDate').datepicker({

dateFormat: 'гг-мм-дд',

});

});

Это мой CSS:

#MealplanEventDate {позиция: относительная; z-индекс: 10000 !важно; }

#MealplanEndDate { позиция: относительная; z-индекс: 10000 !важно; }

.ui-datepicker {позиция: относительная; z-индекс: 10000 !важно; }

input[type=text] {позиция: относительная; z-индекс: 1;}

Чушь о ярлыке - это не ответ, ИСПОЛЬЗУЙТЕ ярлык для своего ЭТИКЕТКИ, а не таблицу или TH. Это НЕ табличные данные.

ПРЕКРАТИТЕ использовать таблицы для верстки, сейчас не 1997 год.

Точно так же теперь у нас есть type="date" И шаблон регулярного выражения="", так зачем же вы вообще тратите на это JavaScript, не говоря уже о умственном раздражении jQuery?

CSS также кричит, что ваш макет должен быть ужастиком.

Дайте угадаю, памятник убожеству, представляющий собой дерьмо, ерунду или еще какой-то недоумок «фронтенд-фреймворк»?

 


<form>


<fieldset>


<div>


<label for="MealplanEventDate">Start Date:</label>


<input type="date" name="event_date" id="MealplanEventDate">


</div><div>


<label for="MealplanEndDate">End Date:</label>


<input type="date" name="end_date" id="MealplanEndDate">


</div>


</fieldset>


</form>

Код (разметка): вы хотите, чтобы метка соответствовала ширине, установите DIV для display:flex, метку — flex:0 0 auto; с соответствующей шириной, например 10em, и вводом flex:1 0 auto;

Если вы даже не можете собрать правильную семантику и доступность, вам действительно не следует добавлять к нему JavaScript.

Но, конечно, именно поэтому люди в первую очередь ОБЕДЫВАЮТСЯ идиотским некомпетентным мусором вроде фреймворков.