Как отключить прошлые даты в daterangepicker? - PullRequest
0 голосов
/ 08 октября 2019

Для моего проекта laravel я использую средство выбора диапазона дат, чтобы выбрать дату начала и дату окончания, и теперь я хочу сделать так, чтобы отключить последние даты, чтобы они не нажимались ни на одну из дат до сегодняшнего дня. Как я могу это сделать?

HTML-файл

<div class="row">
   <div class="col-md-8">
       <label class="control-label">Start Date -  End Date</label>
       <input type="text" onclick = "getTime()" class="form-control input-daterange-timepicker" id = 'daterange' name="daterange" value="" />
       <input type="hidden" id="start_time" name="start_time"/>
       <input type="hidden" id="end_time" name="end_time"/>
   </div>
</div>

Мой сценарий

<script>


        $(function() {
            $('.edit-modal').on('click', function() {
                var id = $(this).data('id');
                var event_name = $(this).data('event_name');
                var today = new Date();
                var dd = today.getDate();
                var mm = today.getMonth()+1; //January is 0!
                var yyyy = today.getFullYear();
                if(dd<10){ dd='0'+dd }
                if(mm<10){ mm='0'+mm }
                var today = dd+'/'+mm+'/'+yyyy;
                //var event_venue = $(this).data('event_venue');
                $('#edit_evid').val(id);
                $('#edit_event_name').val(event_name);
            });
        });
            // Daterange picker
            $('.input-daterange-datepicker').daterangepicker({
                buttonClasses: ['btn', 'btn-sm'],
                applyClass: 'btn-info',
                cancelClass: 'btn-inverse'
            });
            $('.input-daterange-timepicker').daterangepicker({
                timePicker: true,
                format: 'MM/DD/YYYY h:mm p',
                timePickerIncrement: 30,
                timePicker12Hour: true,
                timePickerSeconds: false,
                buttonClasses: ['btn', 'btn-sm'],
                applyClass: 'btn-info',
                cancelClass: 'btn-inverse'
            });
            $('.input-limit-datepicker').daterangepicker({
                format: 'MM/DD/YYYY',
                minDate: today,
                maxDate: '06/30/2015',
                buttonClasses: ['btn', 'btn-sm'],
                applyClass: 'btn-info',
                cancelClass: 'btn-inverse',
                dateLimit: {
                    days: 6
                }
            });
        </script>

дней до текущегодата должна быть отключена

enter image description here

1 Ответ

0 голосов
/ 08 октября 2019

Попробуйте это

 var dateToday = new Date();    
 $(function () {
     $("#start_time").datepicker({ 
         minDate: dateToday 
     });
 });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...