因此,对于fullcalendar中的select函数,我使用它来向日历添加约会。在我添加到日历的第一个约会中,resourceId变量是正确的,并且约会被添加到正确的位置。从那时起,无论何时我添加约会,它都会添加到该资源下,变量永远不会更改为我在日历中点击的插槽中的resourceId。
select: function(start, end, event, view, resource) {
$("#addEventModal").modal('show');
$("#addAppt").submit(function(e) {
$("#apptSubmit").attr("disabled", true);
e.preventDefault();
e.stopImmediatePropagation();
console.log(resource.id);
var formData = $(this).serialize() + '&start=' + moment(start).format('YYYY-MM-DD hh:mm:ss') +
'&end=' + moment(end).format('YYYY-MM-DD hh:mm:ss') + '&resourceId=' + resource.id;
$.ajax({
url: '/dentist/db/createAppt.php',
type: 'POST',
data: formData,
success: function(){
$('#addEventModal').modal('hide');
calendar.fullCalendar('refetchEvents');
$("#apptSubmit").attr("disabled", false);
},
});
});
},
我真的不确定导致这种情况的原因,因为我的理解是,无论何时点击我的模态的提交按钮(#addAppt),resourceId都将被设置为任何一个插槽的ID点击了。如果有人知道造成这种情况的原因,我将不胜感激。
这是我的模态
的html<div id="addEventModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Sign Up For Appointment</h4>
</div>
<div class="modal-body">
<form id="addAppt" class='form-signin'>
<label for="inputFirstName" class="sr-only">First Name</label>
<input type="text" name = "firstName" id="inputFirstName" class="form-control" placeholder="First Name" required autofocus>
<label for="lastName" class="sr-only">Last Name</label>
<input type="text" name = "lastName" id="inputLastName" class="form-control" placeholder="Last Name" required>
<button id="apptSubmit" type="submit" class="btn btn-primary">Add</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>