У меня есть пара полных календарей, которые я использую для разных вещей, и недавно я обнаружил, что мое событие dayClick не запускается на некоторых из моих временных интервалов.Календарь имеет 2 временных интервала в день, в основном утром и вечером, и единственные, которые не работают, - это субботний вечер и последний день вечернего интервала диапазона дат.DayClick отлично работает на любом другом временном интервале.Я искал и искал и не мог найти ничего, что помогло.Я также попытался удалить любой из диапазонов дат, и это ничего не исправило.Он буквально не срабатывает в любой субботний вечер, и я не могу понять, почему.Дайте мне знать, если вам нужна дополнительная информация.Спасибо
DateTime startDate = DateTime.Now.AddDays(-(int)DateTime.Now.DayOfWeek);
DateTime endDate =startDate.AddDays(7);
model.ShortStartDate = startDate.ToShortDateString();
model.ShortEndDate = endDate.ToShortDateString();
@{
var shortStartDate = Model.ShortStartDate.ToString();
var shortEndDate = Model.ShortEndDate.ToString();
var startDate = shortStartDate;
var endDate = shortEndDate;
}
<script>
var startDate = @startDate;
var endDate = @endDate;
var shortStartDate = @shortStartDate;
var shortEndDate = @shortEndDate;
var startoffSet = (new Date()).getTimezoneOffset() * 60000;
var endoffSet = (new Date()).getTimezoneOffset() * 60000;
$(document).ready(function () {
var calendarStartDate = new Date(startDate - startoffSet);
calendarStartDate.setDate(calendarStartDate.getDate() + 2);
var calendarEndDate = new Date(endDate - endoffSet);
calendarEndDate.setDate(calendarEndDate.getDate() + 2);
$('#scheduleEditCalendar').fullCalendar({
defaultView: 'agendaWeek',
views: {
agendaWeek: {
start: calendarStartDate.toISOString().slice(0, -1), //new Date(startDate - startoffSet).toISOString().slice(0, -1),
end: calendarEndDate.toISOString().slice(0, -1) //new Date(endDate - endoffSet).toISOString().slice(0, -1)
}
},
validRange: {
start: "@shortStartDate",
end: "@shortEndDate",
},
axisFormat: 'H(:mm)',
allDaySlot: false,
allDayDefault: false,
displayEventTime: false,
eventBackgroundColor: "#98700D",
visibleRange: {
start: calendarStartDate.toISOString().slice(0, -1),
end: calendarEndDate.toISOString().slice(0, -1)
},
dayClick: function (date, jsEvent, view) {
console.log("day clicked", date);
$("#dateChosenHidden").val(date.format().toString());
$.ajax({
url: '@Url.Action("AddUserToWalkPartial")',
type: 'GET',
data: $('#AddWalkerToScheduleForm').serialize(),
modal: true,
success: function (partialView) {
console.log("Date Chosen: " + $("#dateChosenHidden").val());
$('#AddWalkerModalContent').html(partialView);
$('#AddWalkerModal').modal({ backdrop: true, toggle: true });
}
});
},
eventClick: function (date, jsEvent, view) {
var today = moment(new Date());
console.log(view);
console.log(date.title);
if (today > checkDateStart && today < checkDateEnd){
$.ajax({
url: '@Url.Action("EditUserForWalkPartial")',
type: 'GET',
data: {eventDate: date.start._i, usersName: date.title, patientId: @Model.Patient.Id},
modal: true,
success: function (partialView) {
$('#AddWalkerModalContent').html(partialView);
$('#AddWalkerModal').modal({ backdrop: true, toggle: true });
}
});
}
},
eventSources: [{ events: eventss }],
eventRender: function (event, element, view) {
var cellheight = $(element).height();
$(element).css('height', '15px');
if (event.type == 'true') {
$(element).css('background-color', 'green');
}
else {
$(element).css('background-color', 'red');
}
}
})
$('#scheduleEditCalendar').fullCalendar('option', 'contentHeight', 'auto');
$('#scheduleEditCalendar').fullCalendar('option', 'minTime', '07:00:00');
$('#scheduleEditCalendar').fullCalendar('option', 'maxTime', '24:00:00');
$('#scheduleEditCalendar').fullCalendar('option', 'slotDuration', '12:00:00');
});