¿Hola a todos alguien sabe como borrar las letras que se ponen en el input type date , osea que se quede blanco como un input typo texto?
ahi en la imagen esta lo que necesito porfavor leanla.
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadPuedes aplicarse javascript usando la siguiente sentencia
document.getElementById('id de tu input).innerHtml = "";
Otra forma usando javascript, es usando el name del input
document.getElementByName('name asociado a tu input).innerHtml ="";
Tambien se puede hacer por jquery
$("#id del input").val("");
Otra opcion, que se me ocurre sin tener que programar es borrar el placeholder del elemento html Espero ser de ayuda, saludos
puedes remover el elemento de placeholder de tu input tipo date
<style>
::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
color: transparent;
}
</style>
<input type=date>
El efecto para realizar eso se llama "placeholder" que básicamente asigna un texto falso al input.
<input type="text"; placeholder="Fecha Doc."></input>
¡Hola! Dejo una respuesta a esta pregunta aunque haya pasado tanto tiempo por si alguien la esta buscando.
Si se desea que el campo quede totalmente vacio (sin texto placeholder):
-No funciona placeholder = ""
.
-Una opción es hacerlo un input type="text"
con js cuando se lo enfoca pasarlo a type=date
y cuando pierde el foco devolverlo a type="text"
Referencia: Cambiar placeholder en type date
content: "" !important;
Finalmente necesito que al anotar una fecha no se oculte por lo que con js hago un onchange=white-space: pre;
-Yo uso jquery para hacero generico a todos mis date pero podes usar varias formas hasta la no recomendada onchange en la etiqueta del date.
La contra de este método es que el input tiene que tener un ancho fijo.
// Cuando cambia un input date me borra los espacios
$('[type=date]').change( function() {
$(this).css('white-space','normal')
});
/* Hago que el navegador no me reemplace los espacios en blanco por uno solo */
input[type="date"]{
width:400px;
white-space: pre;
}
/* placeholder de espacios en blanco */
input[type="date"]::before{
content: attr(placeholder) " ";
}
/* Cuando se enfoca que no esten los espacios en blanco */
input[type="date"]:focus::before {
content: "" !important;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input type="date" name="birthday">
Saludos
placeholder="dd/mm/aaaa"
? si lo tiene se lo eliminas y listo. Pero eso se puede poner también como valor por defecto, por CSS, etc. Convendría ver el HTML.