这里有两个输入"开始日期";以及";结束日期";,我需要禁用当前日期的先前日期;开始日期";并禁用任何选择的"前一个";开始日期";对于";结束日期";,我正在使用下面的jquery,但我收到了一个错误Uncaught TypeError: $(...).datepicker is not a function
,如果有人能在这里帮助我,我将不胜感激。这是的视图
<div class="form-group col-md-4">
<label for="pwd">Start Date</label>
<input type="date" class="form-control" id='Sdate' name='Sdate' min="<?php echo date('Y-m-d'); ?>" value="<?php echo set_value('Sdate'); ?>">
<div class="alert-danger"><?php echo form_error('Sdate'); ?></div>
</div>
<div class="form-group col-md-4">
<label for="pwd">End Date</label>
<input type="date" class="form-control" id='Edate' name='Edate' value="<?php echo set_value('Edate'); ?>">
<div class="alert-danger"><?php echo form_error('Edate'); ?></div>
</div>
这是的脚本
<script>
$(document).ready(function(){
var dateToday = new Date();
var dates = $("#Sdate, #tEdate").datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
minDate: "<?php echo date('Y-m-d'); ?>",
onSelect: function(selectedDate) {
var option = this.id == "Sdate" ? "minDate" : "maxDate",
instance = $(this).data("incidents_add"),
date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
dates.not(this).datepicker("option", option, date);
}
});
});
</script>
输入类型date不需要jquery函数.datepicker,如果您想使用它,您需要jquery ui来加载。如果你要使用输入类型date,那么你实际上并不需要.datepicker函数。这是我的工作代码。
https://jsfiddle.net/m3doh5x4/3/
$(document).ready(function(){
var today = new Date();
var sdate = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+(today.getDate() < 10 ? '0'+today.getDate() : today.getDate());
$('#Sdate').prop('min', sdate);
$('#Sdate').on('change', function(){
$('#Edate').prop('min', $(this).val() );
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="form-group col-md-4">
<label for="pwd">Start Date</label>
<input type="date" class="form-control" id='Sdate' name='Sdate' min='' value="">
<div class="alert-danger"><?php echo form_error('Sdate'); ?></div>
</div>
<div class="form-group col-md-4">
<label for="pwd">End Date</label>
<input type="date" class="form-control" id='Edate' name='Edate' value="<?php echo set_value('Edate'); ?>">
<div class="alert-danger"><?php echo form_error('Edate'); ?></div>
</div>