0

Buen dia, tengo el siguiente codigo:

var fecha = new Date();
        var anio = fecha.getFullYear();
        var dia = fecha.getDate();
        var _mes = fecha.getMonth();//viene con valores de 0 al 11
        _mes = _mes + 1;//ahora lo tienes de 1 al 12
        if (_mes < 10)//ahora le agregas un 0 para el formato date
        { var mes = "0" + _mes;}
        else
        { var mes = _mes.toString;}
        document.getElementById("fechaCita").min = anio+'-'+mes+'-'+dia;

El cual corresponde al siguiente input:

<input type="date" name="fechaCita" id="fechaCita" class="form-control required" min="2017-01-01">

Lo que estoy intentando realizar es lo siguiente, de momento así como esta valida que no se pueda seleccionar días anteriores, y eso esta muy bien, sin embargo necesito que no se puedan seleccionar los días domingo y que se pueda seleccionar a partir de 48 horas en delante (2 días), por ej. tomamos la fecha correspondiente al dia de ahora, para poder agendar una cita, no se puede seleccionar este mismo dia y tampoco mañana, únicamente a partir de pasado mañana.

Espero haber podido explicarme bien, agradezco la ayuda, saludos.

1 respuesta 1

2

Para obtener el día de la semana necesitas la función getDay: https://www.w3schools.com/jsref/jsref_getday.asp

Así que en tu caso sería, por ejemplo:

var semana = fecha.getDay();

Entonces puedes aplicar un control, si semana == 0 (0 sería domingo), que la fecha en cuestión no sea valida

Para el resto he creado una función que lo controla, devuelve true si la fecha es valida (fecha futura, +2 dias y que no sea domingo) y false si no lo es. Espero que te sirva :)

(Edito para arreglar un par de errores, y también he añadido una validación para que salte el error del input si se introduce domingo.. antes solo tenía controlado el domingo en la suma respecto a la fecha actual)

//fecha actual
var fecha = new Date();
var anio = fecha.getFullYear();
var dia = fecha.getDate();
var _mes = fecha.getMonth();
if (_mes < 10){ var mes = "0" + _mes;}else{ var mes = _mes.toString;}

var fecha_futura = "2020-09-03" //año mes día

function validarFecha(fecha_futura,dia,_mes,anio) {

    //lo modifico porque la fecha_input del input sale en formato YYYY-MM-DD
    var f = fecha_futura.split("-");
    var dia_futura = parseInt(f[2]);
    var mes_futura = parseInt(f[1])-1;
    var anio_futura = parseInt(f[0]);
    
    //que no seleccione fechas anteriores a la fecha actual
    if(anio_futura < anio) {
        return false;
    } else if(anio_futura == anio) {
        if(mes_futura < _mes) {
            return false;
        } else if(mes_futura == _mes) {
            if(dia_futura<dia) {
                return false;
            } 
        } 
    }
    
    //validar que la fecha_futura introducida no sea domingo
    var fecha_f = new Date(anio_futura,mes_futura,dia_futura);
    var semana_f = fecha_f.getDay();
    if(semana_f == 0) {
        return false;
    }
    
    //sumamos dos días a la fecha actual, al hacer la suma en el objeto siempre sale una fecha valida
    var d = dia + 2;
    var fecha2 = new Date(anio,_mes,d);
    
    //comprobamos que no sea domingo, en caso de serlo sumamos 1 día más
    if(fecha2.getDay == 0) {
        d = d + 1;
        var fecha2 = new Date(anio,_mes,d);
    }
    
    //y la fecha futura tiene que ser igual o superior a fecha2
    var dia2 = fecha2.getDate();
    var _mes2 = fecha2.getMonth();
     if (_mes2 < 10)
    { var _mes2 = "0" + _mes2;}
    else
    { var _mes2 = _mes2.toString;}
    var anio2 = fecha2.getFullYear();

    if(anio_futura < anio2) {
        return false;
    } else if(anio_futura == anio2) {
        if(mes_futura < _mes2) {
            return false;
        } else if(mes_futura == _mes2) {
            if(dia_futura<dia2) {
                return false;
            } else {
                return true;
            }
        } else {
            return true;
        }
    } else {
        return true;
    }
}

validarFecha(fecha_futura,dia,_mes,anio);

Y esta página web puede tener información útil: https://programarfacil.com/tutoriales/fragmentos/javascript/comparar-fechas-en-javascript/


En respuesta al comentario:

//evento que se ejecuta al modificar el input
document.getElementById('fechaCita').addEventListener('change', function() {

//recojo la fecha introducida en el input
var fecha_input = document.getElementById('fechaCita').value;

//fecha actual
var fecha = new Date();
var anio = fecha.getFullYear();
var dia = fecha.getDate();
var _mes = fecha.getMonth();
if (_mes < 10){ var mes = "0" + _mes;}else{ var mes = _mes.toString;}

if(validarFecha(fecha_input,dia,_mes,anio) == false) {
    alert("Por favor introduce una fecha valida")
}

})

Y el código ejecutable: https://jsfiddle.net/by02soav/

3
  • seria tanta molestia que pudieras indicarme como quedaría el HTML, ya que me da error en la variable dia_actual. el 31 ago. 2020 a las 20:30
  • 2
    He actualizado la función, arreglando un par de errores, y he añadido al final el código para ejecutarlo en un html. También incluyo un link de jsfiddle con el código
    – itaca9
    el 31 ago. 2020 a las 20:56
  • Agradezco toda la ayuda. el 31 ago. 2020 a las 22:07

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.