0

Necesito crear un calendario (Datetimepicker o jquery-simpe, he probado muchas cosas y no he podido) con un input para la fecha y otro para la hora, de la siguiente forma:

Cuando sea los lunes tiene que tener un rango de horas entre 16:00 a 20:00 con 30 minutos de diferencia.
De martes a viernes normal de 10:00 a 14:00 y 16:00 a 20:00 y los sábados de 16:00 a 20:00.

La cosa sería que cuando se seleccione una fecha y una hora se guarde en la base de datos y esa hora se deshabilite o se quite ya que estaría reservada.

$(function () {
$("#fecha").datepicker({
        dateFormat: 'dd/mm/y',
        onSelect: function(dia_semm) {                         
      
        alert(dia_semm);
       
        },
        changeMonth: true,
        changeYear: true,
        minDate: today,
        maxDate: end_day,
        //  beforeShowDay: my_check,
        beforeShowDay: my_check
        
    });
});
14
  • Pues si has intentado muchas cosas, adjunta el código de lo que has intentado
    – chikebox
    el 21 jun. 2022 a las 6:09
  • Perdonar que no he podido antes escribir el codigo el 21 jun. 2022 a las 18:19
  • No puedo meter el codigo como lo hago es que soy nuevo el 21 jun. 2022 a las 18:19
  • Ya lo he modificado pero ya lo que necesito es como sacar el día de la semana del día seleccionado ya que si pulso hoy me sale 21/06/2022 y necesito saber el dia de la semana para hacerle yo un array dependiendo del día de la semana el 21 jun. 2022 a las 18:27
  • El tema es Mint Choc , La version es esa , 1.13.1(Stable, for jQuery1.8+), jqueryui.com/download, eso es lo que pides? el 21 jun. 2022 a las 18:56

1 respuesta 1

1

(Gracias a @Alfabravo por reabrir la pregunta para poder mostrar esta respuesta)

La solución pasa por cambiar esto:

dateFormat: 'dd/mm/y'

a esto:

dateFormat: 'dd/mm/yy'

con dos yy para que coja bien el año, sino después se cree que es 1922), y luego convertir tu formato de fecha a un formato aceptado por date() de javascript:

const [day, month, year] = dia_semm.split('/')
const date = new Date(year, (month - 1), day)

y finalmente usar la función getDay() para obtener el número de dia de la semana:

const num_dia_sem = date.getDay();

Aquí dejo un snippet con todo:

$(function() {
  $("#fecha").datepicker({
    dateFormat: 'dd/mm/yy',
    onSelect: function(dia_semm) {
      const [day, month, year] = dia_semm.split('/');
      const date = new Date(year, (month - 1), day)
      const num_dia_sem = date.getDay();
      console.log(num_dia_sem)
    },
    changeMonth: true,
    changeYear: true,
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js" integrity="sha256-hlKLmzaRlE8SCJC1Kw8zoUbU8BxA+8kR3gseuKfMjxA=" crossorigin="anonymous"></script>

<input id="fecha">

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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