ukrycie formatu inputa typu date gdy pole jest puste podczas wydruku

Question

Cześć,

W jaki sposób mógłbym ukryć format inputa typu date, gdy to pole jest puste to znaczy jest tylko sam format, a nie jakaś konkretna data. Próbowałem użyć już CSS @media print i to działa, ale działa zawsze nieważne czy pole jest puste czy nie i teraz pytanie czy można tu dodać jakiś skrypt, ewentualnie w samymy CSSie czy da się ustawić jakieś warunki, ale z tego co wiem to nie bardzo.

Answer 1

Takie formatowanie ustawia przeglądarka, więc chyba nie da się tego wyłączyć. Wpadłem na takie rozwiązanie, ale nie wiem czy to Ci odpowiada. Trzeba jeszcze sprawić by po wybraniu daty nie był zakrywany gdy straci focus

<label for="start">Start date:</label>
<input type="date" id="start">

input{
	position: relative;
}
input:before{
	position: absolute;
	top:-10px;
	content:"";
	width: 100%;
	height: 30px;
	background-color: #fff;
}
input:focus:before{
	display: none;
}

 

Comments

Dzięki, spróbuję coś jeszcze pokombinować

Answer 2

Co wpływa na wypełnienie tego pola? Jeśli dane są wyciągane z bazy to php-em, jeśli data uzupełnia się po uzupełnieniu innych inputów po stronie klient to javascript.

Najlepiej wstaw kod i opisz co dokładnie chcesz uzyskać.

Comments

To jest formularz delegacji, datę wstawia dana osoba wypełniająca ten formularz, a jedyne co chcę uzyskać to to, że jak domyślnie ten input jest pusty to na polu jest wyświetlany format dd.mm.rrrr i przy wydruku on dalej zostaje, a ja chce mieć tylko konkretne daty albo puste pole