【发布时间】: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