Bagaimana untuk Melumpuhkan Hujung Minggu dan Cuti dalam jQuery UI Datepicker?

Melumpuhkan Sabtu, Ahad dan Cuti dalam jQuery UI Datepicker

JQuery UI Datepicker menawarkan pilihan penyesuaian yang meluas untuk memenuhi keperluan tertentu. Satu keperluan biasa ialah melumpuhkan hari tertentu dalam minggu atau tarikh tertentu daripada julat pilihan.

Melumpuhkan Hujung Minggu

Untuk menghalang pengguna daripada memilih hari hujung minggu (Sabtu dan Ahad ), anda boleh memanfaatkan fungsi $.datepicker.noWeekends terbina dalam:

$(".selector").datepicker({
  beforeShowDay: $.datepicker.noWeekends
});

Melumpuhkan Cuti

Untuk mengecualikan cuti tertentu daripada pilihan, anda boleh membuat fungsi tersuai seperti:

function nationalDays(date) {
  // Replace [YOUR_HOLIDAY_DATES] with the specific dates you want to disable.
  if ([YOUR_HOLIDAY_DATES].includes(date.toString())) {
    return [false, 'holiday-day'];
  }
  return [true, ''];
}

Menggabungkan Lumpuh Hujung Minggu dan Cuti

Untuk melumpuhkan kedua-dua hujung minggu dan cuti, anda boleh menggabungkan dua fungsi:

function noWeekendsOrHolidays(date) {
  var noWeekend = $.datepicker.noWeekends(date);
  if (noWeekend[0]) {
    return nationalDays(date);
  } else {
    return noWeekend;
  }
}

Kemudian gunakan fungsi gabungan pada Datepicker:

$(".selector").datepicker({
  beforeShowDay: noWeekendsOrHolidays
});

Nota: Dalam jQuery UI 1.8.19 dan lebih baru, pilihan beforeShowDay menyokong parameter ketiga pilihan untuk memaparkan a petua alat pada tarikh dilumpuhkan.

Atas ialah kandungan terperinci Bagaimana untuk Melumpuhkan Hujung Minggu dan Cuti dalam jQuery UI Datepicker?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!