在日期选择器中禁用过去的日期

Question

这里我实现了禁用"中当前日期的前一个日期的代码；开始日期"；日期选择器并禁用所选"日期"的先前日期；开始日期"；在"；结束日期"；日期选择器。它工作得很好，但突然之间，它没有禁用"中当前日期的先前日期；开始日期"；日期选择器。

视图：

<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>

脚本：

$(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() );
});
});

Answer 1

您的变量sdate返回"2021-1-11"，但应为"2021-01-11">

只需稍微更改代码，即可为整个月添加一个前导0<10

$(document).ready(function() {
const options1 = {
year: 'numeric',
month: 'numeric',
day: 'numeric'
};
var today = new Date();
y = today.getFullYear()
m = today.getMonth() + 1
m = m < 10 ? '0' + m : m;
d = today.getDate()
d = d < 10 ? '0' + d : d;
sdate = y + '-' + m + '-' + d
$('#Sdate').prop('min', sdate);
$('#Sdate').on('change', function() {
$('#Edate').prop('min', $(this).val());
});
});

在这里看到一个正在工作的jsfiddle，过去的日期现在被禁用