I am trying to build an appointment form. For which I have used xdsoft Jquery Date and time picker. After selecting a date it checks for the appointments time and returns available time for schedule by ajax. when I alert the data I get the result but I dont get that data in my picker. Any help will be helpful. Tnx
Here's what I tried
DEMO WIthout AJAX
HTML
<form id="schedule_time_form" method="post" action="#">
<label>Select Date</label>
<input type="text" id="datepicker_time" name="datepicker_time" class="input-medium">
<label>Select Time From</label>
<input type="text" id="timepicker1_time" disabled name="timpepicker1_time" class="input-small">
</form>
jQuery
var logic = function( currentDateTime ){
if( currentDateTime ){
var day = "day="+currentDateTime.getDay();
$.ajax({
url : "helper/getdate.php",
type: "POST",
data : day,
success: function(data, textStatus, jqXHR)
{
$('#timepicker1_time').datetimepicker({
datepicker:false,
format:'H:i',
allowTimes:[data]
});
},
error: function (jqXHR, textStatus, errorThrown)
{
}
});
}
};
$('#datepicker_time').datetimepicker({
minDate: 0,
timepicker:false,
format:'Y-m-d',
onChangeDateTime:logic,
inline: true,
});