SORU
2 ŞUBAT 2009, PAZARTESİ


JQuery UI Datepicker Cumartesi ve pazar günleri (tatil) devre dışı bırakmak için yapılmış olabilir?

Randevu günü için seçme bir datepicker kullanıyorum. Ben zaten tarih sadece bir sonraki ay için aralığı ayarlayın. Bu gayet iyi çalışıyor. Mevcut seçenekler arasından Cumartesi ve pazar günleri hariç tutmak istiyorum. Bu yapılabilir mi? Eğer öyleyse, nasıl?

CEVAP
2 ŞUBAT 2009, PAZARTESİ


Her tarih için, tarih ise Verilmiyor veya false ise true dönen çağrılacak bir işlev alır beforeShowDay seçeneği vardır. Gelen dokümanlar:


beforeShowDay

İşlevi alır bir tarih gibi bir parametre ve return dizi [0] eşit doğru/yanlış işaret olsun ya da olmasın bu tarih seçilebilir ve 1 eşit bir CSS sınıf adı(s) ya da " varsayılan sunum. Görüntülenir önce datepicker her bir gün için denir.

Bu datepicker bazı milli bayramlar görüntüler.

$(".selector").datepicker({ beforeShowDay: nationalDays})   

natDays = [
  [1, 26, 'au'], [2, 6, 'nz'], [3, 17, 'ie'],
  [4, 27, 'za'], [5, 25, 'ar'], [6, 6, 'se'],
  [7, 4, 'us'], [8, 17, 'id'], [9, 7, 'br'],
  [10, 1, 'cn'], [11, 22, 'lb'], [12, 12, 'ke']
];

function nationalDays(date) {
    for (i = 0; i < natDays.length; i  ) {
      if (date.getMonth() == natDays[i][0] - 1
          && date.getDate() == natDays[i][1]) {
        return [false, natDays[i][2]   '_day'];
      }
    }
  return [true, ''];
}

Bir fonksiyon dahili hafta sonu gün seçimi engelleyen, noWeekends denilen, var.

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

İki birleştirmek için şöyle bir şey yapabilirsin (yukarıda nationalDays fonksiyonu varsayarak):

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

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

Güncelleme: JQuery UI gibi 1.8.19, beforeShowDay option ayrıca isteğe bağlı üçüncü bir paremeter, bir pop-up araç ipucu kabul ettiğini unutmayın

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Commander Chalkboard

    Commander Ch

    20 Ocak 2014
  • DragsterMC Gaming

    DragsterMC G

    30 HAZİRAN 2013
  • GUN-TIME with Brandon

    GUN-TIME wit

    3 ŞUBAT 2009