【问题标题】:How do I disable past dates in daterangepicker?如何在 daterangepicker 中禁用过去的日期?
【发布时间】:2019-10-08 14:47:12
【问题描述】:

对于我的 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>

当前日期之前的几天应该被禁用

【问题讨论】:

  • @ascsoftw 重复的意思是你的问题已经在 StackOverflow 中有答案。有人提出了类似的问题并得到了答案,您可以使用该答案来解决您的问题。他不是说你提出了这个问题

标签: javascript php laravel


【解决方案1】:

试试这个

 var dateToday = new Date();    
 $(function () {
     $("#start_time").datepicker({ 
         minDate: dateToday 
     });
 });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-04-23
    • 1970-01-01
    • 2020-08-06
    • 2020-05-13
    • 1970-01-01
    • 2015-08-09
    • 1970-01-01
    • 2018-08-14
    相关资源
    最近更新 更多