javascript — функция обратного вызова Full Calendar при выборе временных интервалов

Полная функция обратного вызова календаря при выборе временных интервалов

Как можно получить выбранное время?

В моем сценарии у меня есть календарь, который можно выбрать, и пользователь может выбрать несколько ячеек календаря, затем, если выбранное время станет меньше 3 часов, он продолжит работу и выполнит некоторые действия, но если разница во времени будет больше 3 часов , тогда он покажет предупреждающее сообщение.

Вот пример, но я хочу сделать это до select события.

https://codepen.io/nasser-ali-karimi/pen/KKKNzRB?editors=0010

 $(function() { $('#calendar').fullCalendar({ selectable: true, defaultView: 'agendaDay', header: { left: 'prev,next today', center: 'title', right: 'agendaDay' }, select: function(startDate, endDate) { // Find the time diff for checking the druation. var fromTime = parseInt(new Date(startDate.format()).getTime()/1000); var toTime = parseInt(new Date(endDate.format()).getTime()/1000); var timeDiff = (toTime - fromTime)/3600; // will give difference in hrs // Check if user selected time more than 3 hours then, show the warning. if (timeDiff {amp}gt; 3) { $('.fc-highlight').css('background', 'red'); } else { alert("continue !"); } } }); }); 

Для лучшего пользовательского опыта я хочу изменить цвет выбранной детали на желтый или красный в качестве предупреждения пользователя. Но я не знал, есть встроенная функция или нет.

Fullcalendar v3 и moment.js используются!

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector