Hola, no tengo mucha experiencia, pero generalmente con la ayuda de Google puedo resolverlo, pero no hoy. Estoy haciendo un programa de citas y tengo problemas para bloquear valores de una base de datos en el selector de fechas.
JS:
<script> $( function() { $( "#datepicker" ).datepicker({ minDate: 2, maxDate: "1w", beforeShowDay: function(date) { var dates = new Array(); $.ajax({ url:"load_days.php", type:"POST", success:function(data) { for (var i = 0; i < data.length; i++){ dates.push(data) } }, dataType:"json" }) var string = jQuery.datepicker.formatDate('dd-mm-yy', date); return [ dates.indexOf(string) == -1 ] } }); } ); </script>archivo PHP:
$data = array(); $query = "SELECT * FROM events ORDER BY id"; $statement = $connect->prepare($query); $statement->execute(); $result = $statement->fetchAll(); foreach($result as $row) { $data[] = array( 'day' => date("dmY", strtotime($row["start_event"])) ); } echo json_encode($data);En primer lugar, sugeriría modificar el script PHP para eliminar el contenedor de matriz ['day' => date] alrededor de la fecha de cada evento. Eso facilitará que JavaScript encuentre fechas en la matriz.
foreach($result as $row) { $data[] = date("dmY", strtotime($row["start_event"])); }Luego, reorganizaría un poco el JS para que las fechas de load_days.php solo se carguen una vez y luego se reutilicen en lugar de recargarse en cada evento beforeShowDay. Después de reformatear los datos que PHP devuelve como se muestra arriba, la matriz devuelta por ajax se puede usar directamente, por lo que ya no se necesita el bucle for para transformarla.
$( function() { $.ajax({ url: "load_days.php", type: "POST", success: function (dates) { $( "#datepicker" ).datepicker({ minDate: 2, maxDate: "1w", beforeShowDay: function(date) { var string = jQuery.datepicker.formatDate('dd-mm-yy', date); return [dates.indexOf(string) === -1] } }) }, dataType: "json" }); })