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

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.

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

Похожие темы	Дата
[Мартин Фаулер] Рефакторинг кода на Javascript. Улучшение проекта существующего кода (2019)	19.10.2024, 18:10
[Joe Chellman] Изучение языка JavaScript / Learning the JavaScript Language (2019) PCRec [H.264/720p-LQ] [EN]	19.10.2024, 18:10
[Loftschool] I React.js	19.10.2024, 18:10
[WebForMySelf] FullStack-Мастер. Разработка CRM-системы на Node.js, Express, Angular6	19.10.2024, 18:10
Веб-разработка с применением Node и Express. Полноценное использование стека JavaScript	19.10.2024, 18:10
Остановить перемещение js-анимации	19.10.2024, 18:10
Возвращаемое значение проверки формы JS	19.10.2024, 18:10
Рафаэлло Чекко - Графика на JavaScript	19.10.2024, 18:10
[CBS] Angular JS	19.10.2024, 18:10
Lynda.com - Создание мобильных web-приложений на jQueryMobile (2014)	19.10.2024, 18:10

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

wjohn

proza2

I AM

Интересно