3

mi intención es que tu puedas elegir una fecha y hora usando el calendario que te proporciona el campo pero esto puede ser un pesado si tienes prisa, entonces queria un boton que al pulsarlo me llene el campo con la fecha y hora actual del sistema, he usado la siguiente funcion pero no me funciona.

Html:

<input type="datetime-local"  v-model="inicio"  class="form-control">
<button type="button" @click="completarHoraInicio()">Completar Automaticamente</button>

Función

completarHoraInicio(){
    var fecha = new Date(); //Fecha actual
    var mes = fecha.getMonth()+1; //obteniendo mes
    var dia = fecha.getDate(); //obteniendo dia
    var ano = fecha.getFullYear(); //obteniendo año
    var hora = fecha.getHours(); //obteniendo hora
    var minutos = fecha.getMinutes(); //obteniendo minuto

    this.inicio=dia+"/"+mes+"/"+ano+" "+hora+":"+minutos;
}

introducir la descripción de la imagen aquí

8
  • 1
    Te doy la bienvenida a SOes! Te recomiendo darte una vuelta por el Tour de bienvenida para ver como funciona el sitio y así de paso ganar tu primera medalla. También es importante leer ¿Cómo elaboro una buena pregunta? para formular una pregunta de calidad y que esta sea bien recibida. Por favor, copia el código en formato texto/código las imagenes con código no ayudan a la pregunta puesto que hay gente que no las puede ver correctamente ademas de que haces mas difícil que te respondan,
    – x3k
    el 13 ene. 2020 a las 10:24
  • errores que te da?
    – Iria
    el 13 ene. 2020 a las 10:29
  • solución en: stackoverflow.com/questions/1531093/…
    – Iria
    el 13 ene. 2020 a las 10:29
  • Ya edite la publicacion, ahi puedes ver el aviso que me da
    – smiranda
    el 13 ene. 2020 a las 10:38
  • El codigo en formato texto por favor ....
    – Capt.Teach
    el 13 ene. 2020 a las 10:39

1 respuesta 1

3

Como en el error indica tienes que poner la fecha en el formato indicado. Datetime-local input

Formato:

yyyy-MM-ddThh:mm

Tienes que tener en cuenta que si estamos en el mes 1 tienes que rellenar este numero para que tenga 2 digitos: 01

function completarHoraInicio(){
    var fecha = new Date(); //Fecha actual
    var mes = fecha.getMonth()+1; //obteniendo mes
    var dia = fecha.getDate(); //obteniendo dia
    var ano = fecha.getFullYear(); //obteniendo año
    var hora = fecha.getHours(); //obteniendo hora
    var minutos = fecha.getMinutes(); //obteniendo minuto

    document.getElementById("dateInput").value=ano+"-"+minTwoDigits(mes)+"-"+minTwoDigits(dia)+"T"+minTwoDigits(hora)+":"+minTwoDigits(minutos);
}

function minTwoDigits(n) {
  return (n < 10 ? '0' : '') + n;
}
<input type="datetime-local"  v-model="inicio" id="dateInput" class="form-control">
<button type="button" onclick="completarHoraInicio()">Completar Automaticamente</button>


Para mas información sobre el formato existe una pregunta en SO donde también se explica que esta caracteristica esta deprecada: input datetime value format

1
  • Valee muchisimas gracias, si lo tenia en cuenta eso, estaba buscando algun tipo de get para que me pase el formato con el 0 delante pero no encontraba nada.Si estoy usando laravel y vue , es la primera pregunta que hago aqui asi que no se muy bien que necesita realmente la gente, de nuevo muchas graciaas !!
    – smiranda
    el 13 ene. 2020 a las 11:31

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.