如何通过calender #jQuery #Drupal8选择日期后自动禁用日期

function mytheme_theme(&$existing, $type, $theme, $path) {
  // 添加jQuery库
  $libraries['mytheme-global'] = [
    'js' => [
      'path/to/jquery.js' => ['type' => 'file', 'minified' => TRUE],
    ],
  ];

  return $libraries;
}

(function ($) {
  $(document).ready(function() {
    // 选择日期的jQuery选择器
    var datePicker = $('your-datepicker-selector');

    // 当日期选择器的日期发生变化时
    datePicker.on('change', function() {
      // 获取选定的日期
      var selectedDate = datePicker.val();
      
      // 禁用其他日期的逻辑
      // TODO: 根据需要自定义禁用日期的逻辑
      
      // 将禁用日期应用到日期选择器
      // TODO: 将禁用日期应用到日期选择器的代码

    });
  });
})(jQuery);

var minDate = new Date('2022-01-01');
var maxDate = new Date('2022-12-31');

// 禁用不在最小和最大日期范围内的日期
if (selectedDate < minDate || selectedDate > maxDate) {
  datePicker.datepicker('setDate', null); // 清空日期选择器的值
  datePicker.datepicker('option', 'minDate', minDate); // 设置最小日期
  datePicker.datepicker('option', 'maxDate', maxDate); // 设置最大日期
}

var selectedDates = [];

// 记录已选择的日期
selectedDates.push(selectedDate);

// 在其他日期选择器中禁用已选择的日期
$('.other-datepicker-selector').datepicker({
  beforeShowDay: function(date) {
    var dateString = $.datepicker.formatDate('yy-mm-dd', date);
    return [selectedDates.indexOf(dateString) === -1]; // 返回true禁用日期，返回false启用日期
  }
});

custom-js:
  version: 1.x
  js:
    path/to/custom.js: {}
  dependencies:
    - core/jquery

{{ attach_library('mytheme/custom-js') }}