Как ограничить выбор дней в форме Tilda
Доставка товара по городу
Бесплатно доставим товар Вт-Пт
Доставка товара
Введите телефон, адрес и дату доставки

Как ограничить выбор дней в форме Tilda

1
Создали блок BF402N
2
Добавили поле Дата
3
Вставили код в блок Другое - Т123
Библиотека для примера
<style>
 .date-picker tr > td:first-child , .week-end {
    background: #fcb42f;
    pointer-events: none;
}
.date-picker tr > td:first-child:before , .week-end:before {
    display: none !important;
}
.pastDay{
    opacity: 0.4;
    pointer-events: none;
}
.pastDay td:before ,  td.pastDay:before{
    content:'';
    position:absolute;
    display:block;
    width:auto;
    height:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background: rgba(0,0,0,0) url(https://static.tildacdn.com/tild3963-6535-4363-b162-636139623966/cross.svg) no-repeat;
    background-size:100% 100%; 
}
</style>
<script>
$(document).ready(function(){
var date = new Date();
Month = date.getMonth()+1;
Year = date.getFullYear();
  $("form").on('DOMSubtreeModified', ".t-input-block_inited-date-picker", function() {
    $('.today').prevAll('tbody tr>td').addClass('pastDay');
    $('.today').parent('tr').prevAll('tr').addClass('pastDay');
     var picM = $('select.dp-select-month option:selected').val();
     var picD = $('select.dp-select-year option:selected').val();
     if (picM<Month && picD<=Year || picD<Year ){
         $('.cal-month tr').addClass('pastDay');
     };
  });
});
</script>
Made on
Tilda