thinkphp6制作活动排除日期选择

在ThinkPHP 6中制作一个活动排除日期的选择器，比如不允许用户选择特定的过去或未来的日期，你可以结合FlatPickr库来实现。下面是一个基本的例子：

首先，在`composer.json`里添加FlatPickr的依赖，然后按照之前的方式安装。

{
  "require": {
    "flatpickr/flatpickr": "^4.7.0"
  }
}

在HTML模板中，创建一个输入框，并使用FlatPickr插件，同时传递一个包含排除日期的数组作为选项：

<input type="text" id="excludedDatesPicker" />
<script>
document.addEventListener("DOMContentLoaded", function () {
  var excludedDates = ['2023-01-01', '2023-12-31']; // 你希望排除的日期

  var picker = flatpickr('#excludedDatesPicker', {
    mode: 'date',
    allowInput: true,
    altInput: true,
    dateFormat: 'Y-m-d',
    onChange: function(selectedDates, dateStr) {
      if (selectedDates.length > 0 && includes(excludedDates, dateStr)) {
        alert('您不能选择这个日期！');
        flatpickr.removeEventListeners('onChange');
        return;
      }
    },
    onOpen: function() {
      // 渲染日期选择器前检查排除日期
      for (var i = 0; i < excludedDates.length; i++) {
        if (includes(excludedDates[i], dateStr)) {
          picker.setDate(null); // 设置日期为空，避免选择
          break;
        }
      }
    },
  });

  function includes(array, value) {
    for (let i of array) {
      if (i === value) {
        return true;
      }
    }
    return false;
  }
});
</script>

这个例子中，我们监听onChange事件来检查用户选择的日期是否在排除日期列表中。如果选择的是排除日期，会显示警告并在下次更改时不保存选择。

注意：以上代码只是一个简化版示例，实际应用中可能需要处理更多边界情况和用户体验细节。