Заполнитель даты ввода не отображается в браузере Android - PullRequest
0 голосов
/ 31 мая 2018

в качестве заголовка в моем вопросе.

У меня есть этот простой скрипт

<input type="date" aria-label="Check Out" class="form-control contact-form hidden-sm hidden-xs" id="b-checkout" placeholder="<?php date('d-m-Y') ?>" /> 

В Dekstop версия работает хорошо, и чем я использую мобильное представление в элементе Inspect, также работает хорошо.

Но когда я тестирую с помощью браузера Android, заполнитель не отображается в первый раз, но после выбора даты появится заполнитель.

Я добавил это.css script

input[type="date"]::before { 
     content: attr(placeholder);
     width:100%;
     }

Но после того, как я протестирую в браузере Android, заполнитель будет 2 контента после того, как я выберу другую дату, см. изображение.enter image description here

и затем я делаю некоторые изменения в дате ввода

<input onfocus="this.placeholder = ''" type="date" type="date" aria-label="Check In" class="form-control date-mobile hidden-lg hidden-md" id="b-checkin2" placeholder="<?php date('d-m-Y') ?>" />

В браузере Android это работает хорошо, но в мобильном представлении в элементе проверки, местодержатель не отображается после выбора даты, посмотрите изображение enter image description here

и внесите некоторые изменения снова

<input onfocus="this.placeholder = ''" onchange="this.placeholder= this.value" type="date" type="date" aria-label="Check In" class="form-control date-mobile hidden-lg hidden-md" id="b-checkin2" placeholder="<?php date('d-m-Y') ?>" />

, но после тестирования в браузере Android возникает ошибкасм. изображение enter image description here

1 Ответ

0 голосов
/ 31 мая 2018

Я думаю, это потому, что вы указываете, что не будете отображать этот элемент, если размер экрана маленький или средний ...

...hidden-lg hidden-md....

Если вы удалите его,должен хорошо отображаться.

...