Bagaimana untuk Melumpuhkan Sabtu, Ahad dan Cuti dalam jQuery UI Datepicker?

Lumpuhkan Sabtu, Ahad dan Cuti dalam jQuery UI Datepicker

JQuery UI Datepicker menyediakan fungsi pemilihan tarikh yang mudah, tetapi mungkin tidak selalu memenuhi keperluan tertentu. Sebagai contoh, anda mungkin ingin mengecualikan hari tertentu dalam minggu atau cuti daripada boleh dipilih. Berikut ialah cara untuk melumpuhkan hari Sabtu, Ahad dan hari cuti menggunakan jQuery UI Datepicker.

Menggunakan Opsyen beforeShowDay

Pilihan beforeShowDay membolehkan anda menentukan fungsi yang akan dipanggil untuk setiap hari yang dipaparkan dalam pemilih tarikh. Dengan mengembalikan benar atau salah daripada fungsi ini, anda boleh mengawal sama ada tarikh boleh dipilih atau tidak.

Untuk melumpuhkan Sabtu dan Ahad, gunakan kod berikut:

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

Menggabungkan Peraturan Pengecualian

Andaikan anda juga ingin mengecualikan cuti. Dalam kes itu, anda boleh mencipta fungsi tersuai yang menggabungkan logik noWeekends dengan logik pengecualian percutian anda.

Dengan mengandaikan anda mempunyai fungsi NationalDays yang mengembalikan palsu untuk cuti:

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

Dan kemudian tetapkannya sebagai beforeShowDay panggil balik:

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

Nota: Dalam jQuery UI 1.8.19 dan kemudian, pilihan beforeShowDay menyokong parameter ketiga pilihan untuk memaparkan petua alat pada tuding tetikus pada tarikh yang dilumpuhkan.

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