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

[wjohn]

Я погуглил эту проблему и реализовал часть предоставленного кода 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;}

 

[proza2]

Чушь о ярлыке - это не ответ, ИСПОЛЬЗУЙТЕ ярлык для своего ЭТИКЕТКИ, а не таблицу или 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. Но, конечно, именно поэтому люди в первую очередь ОБЕДЫВАЮТСЯ идиотским некомпетентным мусором вроде фреймворков.