Tùy chỉnh ngày có thể được nhấp vào cửa sổ bật lên Lịch

Tôi đang tạo một biểu mẫu trong Drupal 7 với API biểu mẫu. Ngay bây giờ, tôi có thể tạo trường nhập lịch thông thường với mã sau:

   $form['services_tab']['schedule_datepicker'] = array(
    '#title' => t('Pick the desired date'),
    '#type' => 'date_popup',
    '#date_year_range' => '0:0',
    '#date_format' => 'Y-m-d',
    '#prefix' => '<div id="datepicker-schedule">',
    '#suffix' => '</div>',
  );

Ngay bây giờ tôi có thể có được cửa sổ bật lên lịch đẹp xuất hiện. Những gì tôi đang cố gắng đạt được là bật hoặc tắt một số ngày nhất định dựa trên quy tắc như: vô hiệu hóa tất cả các ngày thứ bảy và chủ nhật; hoặc thậm chí xóa trạng thái nhấp chuột khỏi các ngày cụ thể dựa trên danh sách các ngày lễ quốc gia ...

Đây có phải là thứ có thể đạt được với mã hóa PHP hay nó cần phải được thực hiện với jQuery? Trong trường hợp jQuery là giải pháp, tôi sẽ đánh giá cao bất kỳ gợi ý nào về cách thực hiện điều đó ... Lịch là một bảng, nhưng các ô của bảng không có ID hoặc thứ gì đó có thể giúp tôi tìm và vô hiệu hóa chúng dựa trên quy tắc. ..

Cảm ơn bạn.

Bạn có thể chuyển một số tùy chọn Datepicker từ php sang phần tử date_popup thông qua khóa '#datepicker_options':

<?php
$form['date'] = array(
  '#title' => t('Pick the desired date'),
  '#type' => 'date_popup',
  '#datepicker_options' => array(
    'minDate' => 0,
  ),
);

Với phương pháp này, bạn có thể vượt qua hầu hết mọi tùy chọn ngoại trừ các tùy chọn chấp nhận hàm là giá trị, vì beforeShowDay, cần có để hạn chế cuối tuần hoặc ngày lễ theo câu trả lời được tham chiếu bởi Nikit: /programming/501943/can- the-jquery-ui-datepicker-be-made-to-vô hiệu hóa-thứ bảy-và-chủ nhật-và-holid

Do đó, javascript là bắt buộc. Trước tiên, bạn cần bao gồm một tệp js tùy chỉnh từ mã mô-đun của bạn:

<?php
drupal_add_js(drupal_get_path('module', 'FOO') . '/FOO.js');

và cung cấp một số mã FOO.jsđể mở rộng cài đặt được đặt bởi mô-đun date_popup với các tùy chọn riêng của chúng tôi.

Dưới đây là một ví dụ bổ sung tùy chọn cơ bản để vô hiệu hóa ngày cuối tuần cho tất cả các tiện ích hẹn hò trong trang:

(function ($) {
Drupal.behaviors.FOO = {
  attach: function (context) {
    for (var id in Drupal.settings.datePopup) {
      Drupal.settings.datePopup[id].settings.beforeShowDay = $.datepicker.noWeekends;
    }
  }
};
})(jQuery);

Kéo dài đến ngày lễ là một bài tập cho người đọc :)

Lưu ý: ba lần xuất hiện FOOtrong các ví dụ của tôi không cần phải giống nhau theo nghĩa đen, nghĩa là: bạn có thể cung cấp một BAZhành vi BAR.jstừ FOO.module.

Cập nhật: để mở rộng ở trên cho ngày khả dụng tùy chỉnh, chỉ cần thêm một hàm trả về true / false cho ngày nhận được bởi các tham số.

(function ($) {
Drupal.behaviors.FOO = {
  attach: function (context) {
    for (var id in Drupal.settings.datePopup) {
      Drupal.settings.datePopup[id].settings.beforeShowDay = checkDate;
    }
  }
};

function checkDate(date) {
  if ((date.getDate() % 2) == 0) {
    return [false, 'Even days not available'];
  }
  else {
    return [true, 'Odd days are fine'];
  }
}
})(jQuery);

Bạn có thể tìm thấy một ví dụ đầy đủ hơn trong mô-đun Hạn chế ngày .

Tôi đã sử dụng mô-đun Hạn chế ngày. Điều này cung cấp và tùy chọn để hạn chế ngày trên số lượng tham số như ngày cố định, ngày tương đối, v.v.