v2.5.2
Giriş yap

Randevu Takvimi

emmir2
550 defa görüntülendi

Dolu olan günleri takvimde nasıl pasif edebilirim

oguzhanbyram
1161 gün önce

Sanırım Bootstrap Daterangepicker kullanıyorsun.


    .daterangepicker td.off.disabled {
      position: relative;
      color: #f94242 !important;
    }

    .daterangepicker td.off.disabled:after {
      content: "\00d7";
      position: absolute;
      left: 7px;
      top: 2px;
      font-size: 38px;
    }

    .daterangepicker td.off.disabled.today:hover {
      background-color: transparent;
    }

    

    // Pasif yapılacak tarihler.
    const disableDates = ["18/10/2021","19/10/2021","20/10/2021"];
    
    // Daterangepicker 
    $("#daterangepicker").daterangepicker({
      isInvalidDate: function(el) {
          const currDate = moment(el._d).format('DD/MM/YYYY');
          return disableDates.indexOf(currDate) != -1;
      }
    })
    

Sayfana moment.js i eklemeyi unutma.

Codepen örneğine bakabilirsin.