Skip to main content
cuerpo editado
Origen Enlace

Estabas casi, te faltaba indicar en el onClick que estabas asignándole un método con los paréntesis; además en el código te faltaba sumarle un día al getDay(). Trataste de hacerlo con setDate, pero como indica la documentación, esta función sirve para setearle el número de día a una fecha particular y tú lo que tratabas de hacer era indicarle el número que ocupa un día en la semana solamente, por lo que siempre estaría entre 1 y 7.

Dicho esto, te serviría algo así

function mostrardiasemana() {
      var d = new Date(document.getElementById("fecha").value);
      //d.setDate[d.getDay() + 1];
      
      var dia = new Array(7);
      dia[0] = "Domingo";
      dia[1] = "Lunes";
      dia[2] = "Martes";
      dia[3] = "Miércoles";
      dia[4] = "Jueves";
      dia[5] = "Viernes";
      dia[6] = "Sábado";
      var n = dia[d.getDay() + 1];
      document.getElementById("fecha").innerHTML = n;

      alert("La fecha seleccionada en el elemento fecha es un:" + n);
    }
<form>
      <p>Fecha de la Encuesta</p>
      <input
        type="date"
        id="fecha"
        name="fecha"
        min="2019-01-01"
        max="2021-12-31"
        value="2019-01-01"
      />
      <button
        class="botonera"
        value="Mostrar Dia Semana"
        onclick="mostrardiasemana()"
      >
        Mostrar <br />
        Día Semana
      </button>
    </form>

SumásSumas un día al momento de setear la variable n y listo!

Nos comentas si te sirvió :D

Estabas casi, te faltaba indicar en el onClick que estabas asignándole un método con los paréntesis; además en el código te faltaba sumarle un día al getDay(). Trataste de hacerlo con setDate, pero como indica la documentación, esta función sirve para setearle el número de día a una fecha particular y tú lo que tratabas de hacer era indicarle el número que ocupa un día en la semana solamente, por lo que siempre estaría entre 1 y 7.

Dicho esto, te serviría algo así

function mostrardiasemana() {
      var d = new Date(document.getElementById("fecha").value);
      //d.setDate[d.getDay() + 1];
      
      var dia = new Array(7);
      dia[0] = "Domingo";
      dia[1] = "Lunes";
      dia[2] = "Martes";
      dia[3] = "Miércoles";
      dia[4] = "Jueves";
      dia[5] = "Viernes";
      dia[6] = "Sábado";
      var n = dia[d.getDay() + 1];
      document.getElementById("fecha").innerHTML = n;

      alert("La fecha seleccionada en el elemento fecha es un:" + n);
    }
<form>
      <p>Fecha de la Encuesta</p>
      <input
        type="date"
        id="fecha"
        name="fecha"
        min="2019-01-01"
        max="2021-12-31"
        value="2019-01-01"
      />
      <button
        class="botonera"
        value="Mostrar Dia Semana"
        onclick="mostrardiasemana()"
      >
        Mostrar <br />
        Día Semana
      </button>
    </form>

Sumás un día al momento de setear la variable n y listo!

Nos comentas si te sirvió :D

Estabas casi, te faltaba indicar en el onClick que estabas asignándole un método con los paréntesis; además en el código te faltaba sumarle un día al getDay(). Trataste de hacerlo con setDate, pero como indica la documentación, esta función sirve para setearle el número de día a una fecha particular y tú lo que tratabas de hacer era indicarle el número que ocupa un día en la semana solamente, por lo que siempre estaría entre 1 y 7.

Dicho esto, te serviría algo así

function mostrardiasemana() {
      var d = new Date(document.getElementById("fecha").value);
      //d.setDate[d.getDay() + 1];
      
      var dia = new Array(7);
      dia[0] = "Domingo";
      dia[1] = "Lunes";
      dia[2] = "Martes";
      dia[3] = "Miércoles";
      dia[4] = "Jueves";
      dia[5] = "Viernes";
      dia[6] = "Sábado";
      var n = dia[d.getDay() + 1];
      document.getElementById("fecha").innerHTML = n;

      alert("La fecha seleccionada en el elemento fecha es un:" + n);
    }
<form>
      <p>Fecha de la Encuesta</p>
      <input
        type="date"
        id="fecha"
        name="fecha"
        min="2019-01-01"
        max="2021-12-31"
        value="2019-01-01"
      />
      <button
        class="botonera"
        value="Mostrar Dia Semana"
        onclick="mostrardiasemana()"
      >
        Mostrar <br />
        Día Semana
      </button>
    </form>

Sumas un día al momento de setear la variable n y listo!

Nos comentas si te sirvió :D

Origen Enlace

Estabas casi, te faltaba indicar en el onClick que estabas asignándole un método con los paréntesis; además en el código te faltaba sumarle un día al getDay(). Trataste de hacerlo con setDate, pero como indica la documentación, esta función sirve para setearle el número de día a una fecha particular y tú lo que tratabas de hacer era indicarle el número que ocupa un día en la semana solamente, por lo que siempre estaría entre 1 y 7.

Dicho esto, te serviría algo así

function mostrardiasemana() {
      var d = new Date(document.getElementById("fecha").value);
      //d.setDate[d.getDay() + 1];
      
      var dia = new Array(7);
      dia[0] = "Domingo";
      dia[1] = "Lunes";
      dia[2] = "Martes";
      dia[3] = "Miércoles";
      dia[4] = "Jueves";
      dia[5] = "Viernes";
      dia[6] = "Sábado";
      var n = dia[d.getDay() + 1];
      document.getElementById("fecha").innerHTML = n;

      alert("La fecha seleccionada en el elemento fecha es un:" + n);
    }
<form>
      <p>Fecha de la Encuesta</p>
      <input
        type="date"
        id="fecha"
        name="fecha"
        min="2019-01-01"
        max="2021-12-31"
        value="2019-01-01"
      />
      <button
        class="botonera"
        value="Mostrar Dia Semana"
        onclick="mostrardiasemana()"
      >
        Mostrar <br />
        Día Semana
      </button>
    </form>

Sumás un día al momento de setear la variable n y listo!

Nos comentas si te sirvió :D