【发布时间】：2019-09-23 18:01:22
【问题描述】：
我之前问过一个问题，即设置一个日期选择器日期与另一个日期选择器的月/年变化有关。我没有得到确切的答案，但不知何故，我设法通过引用各种堆栈溢出答案来将最小和最大日期设置为日期选择器。但是最小和最大日期设置无法正常工作。
月份和年份选择日期选择器：
<label> Month</label>
<div class="input-group date">
<input type="text" class="form-control pull-right" id="txtMonth" onchange="MonthDatePick();">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
</div>
我选择的月份日期选择日期选择器：
<div class="col-lg-3">
<label> From</label>
<div class="input-group date">
<input type="text" class="form-control pull-right" id="txtFrom">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
</div>
</div>
脚本：
function MonthDatePick() {
var month = $('#txtMonth').datepicker('getDate').getMonth() + 1;//('getMonth');
var year = $('#txtMonth').datepicker('getDate').getFullYear();//('getFullYear');
var minDate = new Date(year, month-1, 1);
var maxDate = new Date(year,month, 0);
$("#txtFrom").datepicker({
autoclose: true,
minDate: minDate,
maxDate: maxDate,
format: 'dd/mm/yyyy',
//defaultDate:minDate,
changeMonth: false,
changeYear: false,
});
}
我调试并发现当我选择月份时，定义了最小和最大日期。
例如：如果我选择，Feb 2018 表示，
min date comes as :01/02/2018
max date comes as : 28/02/2018,
但更改不会在我的日期选择日期选择器中复制
调试图片图片
显示最小日期的调试图像图片
这里是my fiddle
如何解决这个问题？
【问题讨论】：
-
我在documentation 中看不到 minDate 和 maxDate 属性。你确定它们是有效的吗？
-
@TylerRoper 请检查我的问题，我编辑并添加了调试图片的图像，显示最小/最大日期，在此我选择 2019 年 3 月，所以它显示 3 月日期。
-
@Riya 你在使用 bootstrap-datepicker 还是 jqueryUI datepicker？
-
minDate变量的值是否正确并不能告诉我们太多信息；正如雷达下方询问的那样，我们需要知道您真正使用的是哪个日期选择器，因为它们使用不同的属性名称。更好的是，您的问题应该包含minimal, reproducible example，否则为off-topic (#1)。
标签： javascript date datepicker bootstrap-datepicker