Randevu Takvimi
Dolu olan günleri takvimde nasıl pasif edebilirim
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
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.