Question

I’m using JQuery datepicker to allow user select a day and book something.
then I save the date in database,
later on I get the dates out of database and disable those days in datapicker so next user can’t select the booked days.
so far so good.

when a user select the day they want to book I need to disable the day after too.
I’m using php to save the chosen date in database together with some other information about user.
then i use ajax to load the dates thru php again and disable them.

how can i disable the they after? do I do it with php or javascript?
I have no idea how to get the day after selected date and how to save it? or should i save it or just add it later on when I get back the first date from ajax call and then loop thru the dates and get the day after with some function?

Answer 1

I would use PHP if you can by simply returning a list of dates to the beforeShowDay method of your DatePicker.

When you are adding a date from the database to the list, also use strtotime($Date, '1 day') to add the next day.

Edit:

$mysqli = new mysqli("localhost", "my_user", "my_password", "world");

/* check connection */
if (mysqli_connect_errno()) {
    printf("Connect failed: %s\n", mysqli_connect_error());
    exit();
}

$query = "SELECT distinct Date, DATE_ADD(Date, INTERVAL 31 DAY) as Tomorrow from Table";
$result = $mysqli->query($query);

$Dates = array();

/* numeric array */
while(($row = $result->fetch_array(MYSQLI_NUM)) !== null)
{
    //$Tomorrow = strtotime('1 day', $row['Date']);
    $Tomorrow = $row['Tomorrow'];
    if(!in_array($row['Date'], $Dates)) $Dates[] = $row['Date'];
    if(!in_array($Tomorrow, $Dates)) $Dates[] = $Tomorrow;
}
/* free result set */
$result->free();

/* close connection */
$mysqli->close();

header('content-type: application/json');
die(json_encode(array('Dates' => $Dates)));