如何使用 FullCalendar 在引导表单中添加验证？

Question

我正在为一家理发店做一个轮班系统，使用 FullCalendar。
我添加了一个自定义按钮（FullCalendar 提供了它），它会打开一个新窗口来完成带有名称、日期和时间的表单，但我需要添加日期和时间的验证。
例如：
理发日仅限周二至周六，上午 10 点至晚上 7 点，因此我需要在表格中进行验证。 所以我将其添加到 Javascript 中的 FullCalendar 代码中：

customButtons: {
    custom1: {
      text: 'Ask haircut shift',
      click: function(){
        // Opens form in a new windows
        var popup = window.open('haircut-shift.html', 'Ask shift', 'width=500,height=500');
        popup.onbeforeunload = function(){
          calendar.refetchEvents();
        };
      }
    }

如您所见，

window.open

指的是另一个包含表单（使用引导程序制作）的

.html

存档。
试图添加另一个功能来检查日期和时间，但似乎无法正常工作，因为每当我选择星期一和晚上 9 点，即让我在没有任何警报的情况下保存它。
试图添加另一个功能来测试验证但不起作用：

eventClick:function(info){
  if (info.event.start.getDay() < 2 || info.event.start.getDay() > 6) {
    alert("Haircut shift only available from tuesday to saturday");
      return;
  }
  if (info.event.start.getHours() < 10 || info.event.start.getHours() >= 19) {
    alert("Haircut shift only available from 10 AM until 7 PM");
      return;
  }
  var popup = window.open(
    "haircut-shift.html",
    "Ask shift",
    "width=500,height=500"
  );
  popup.onbeforeunload = function () {
      calendar.refetchEvents();
  };
}

有什么建议吗？