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

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

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