В этом уроке мы увидим, как отключить будущие даты в плагине выбора диапазона дат jquery. В средстве выбора даты мы можем отключить даты, любую одну дату или несколько дат, используя средство выбора даты пользовательского интерфейса jquery.

Итак, давайте посмотрим, как отключить даты в плагине выбора диапазона дат jquery, средство выбора диапазона дат jQuery также может отключать даты.

Итак, давайте начнем с импорта плагина с помощью ссылки cdn.

'>‹script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js'›‹/script›

 <script>
        jQuery(function(){
           jQuery('#date-range-picker').click();
        });
        let moment_date =moment();
        $('#date-range-picker').daterangepicker({
            locale: {
                format: 'DD-MM-YYYY hh:mm A',
            },
            parentEl: "#inline-calendar",
            timePicker: true,
            startDate : moment_date.format('DD-MM-YYYY'),
            minDate :  moment_date.format('DD-MM-YYYY'),
            alwaysShowCalendars: true,
            // autoApply :true,
            // autoUpdateInput: false,
            inline: true,
            isInvalidDate: function(date) {
                let dates = ['18-07-2023','19-07-2023','20-07-2023','21-07-2023']
               
                if (dates.includes(date._d.toISOString().split('T')[0]) )
                {
                    return true;
                }
                        
                    return false;
            }
        });
</script>