In my Laravel application, I have an online appointment form that includes a "Select Doctor" field and a "datepicker."
For example, if doctor "A" is available at the clinic on Saturday, Monday, and Wednesday, while doctor "B" is available on Sunday, Tuesday, and Thursday. When a patient selects doctor "A" from the drop-down menu, only the dates for Saturday, Monday, and Wednesday should be active in the datepicker calendar, with all other dates disabled.
Although I have successfully deactivated some selected dates in the datepicker calendar, I am facing difficulty disabling dates based on the selected days.
HTML
<input class="form-control" id="appointment_datepicker" name="appointment_datepicker" type="text" placeholder="Select Date" value="{{ $user->appointment_datepicker or old('appointment_datepicker') }}">
AJAX
$.ajax({
url:"{{ url('/filter_available_date') }}",
type: 'GET',
data: {_token :token, branch_id_appointment : branch_id_appointment, doctor_id_appointment : doctor_id_appointment},
success:function(msg){
$('#appointment_datepicker').datepicker('option', 'beforeShowDay', function(date){
var day = jQuery.datepicker.formatDate('yy-mm-dd', date);
return [ msg.indexOf(day) == -1 ]
});
}
});
Route
Route::get('/filter_available_date','frontendAppointmentController@filter_available_date');
Controller
public function filter_available_date(Request $request)
{
$branch_id = $request->branch_id_appointment;
$doctor_id = $request->doctor_id_appointment;
$query = DB::table('service_doctors');
$query->select('doctor_id','inactive_dates_in_this_month');
if($branch_id != '0')
$query->where('branch_id','=', $branch_id);
if($doctor_id != NULL)
$query->where('doctor_id','=', $doctor_id);
$result_time = $query->get();
$result = [$result_time[0]->inactive_dates_in_this_month];
$final_result= explode(',',$result[0]);
return $final_result;
}
Calendar https://i.stack.imgur.com/MRc2R.jpg
If you know how to solve this issue, please help. Thank you in advance!