Dolu olan günleri takvimde nasıl pasif edebilirim
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.