如何在引导日期选择器中添加 maxdate答案

【问题标题】：How to add maxdate in bootstrap datepicker如何在引导日期选择器中添加 maxdate
【发布时间】：2017-08-21 13:26:48
【问题描述】：

我需要为 datepicker 添加 maxdate 并且我正在使用这个插件

cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js

这是我的日期选择器代码：

.datepicker({
    autoclose: true,
    todayHighlight: true,
    format: 'mm/dd/yyyy',
    minDate:  new Date(),                                            
    maxDate: +42,
    startDate: indianTimeZoneVal
})

但是 maxdate 不起作用，我需要当前日期到接下来的 42 天

【问题讨论】：

标签： javascript jquery

【解决方案1】：

不确定 bootstrap-datepicker 是否有 minDate 和 maxDate。

但可以肯定的是，它有 startDate 和 endDate。试试这个，

.datepicker({
 autoclose: true,
 todayHighlight: true,
 format: 'mm/dd/yyyy',
 startDate: new Date(),
 endDate: new Date(new Date().setDate(new Date().getDate() + 5))
})

这是fiddler 的示例供您参考。

希望对你有帮助。

【讨论】：

确定兄弟 - 再次感谢你
有没有办法让一个日期选择器设置另一个日期选择器的开始日期？一直在寻找

【解决方案2】：

$('#element').datepicker({
autoclose: true,
todayHighlight: true,
format: 'mm/dd/yyyy',
startDate:  new Date(),                                            
endDate: new Date(new Date().setDate(new Date().getDate() + 42)),
minDate:  new Date(),                                            
maxDate: new Date(new Date().setDate(new Date().getDate() + 42))
})

【讨论】：

【解决方案3】：

.datepicker(
    {
        format: 'mm/dd/yyyy',
        autoclose: true,
        todayHighlight: true,
        endDate: '0', 
    }
);

【讨论】：

虽然此代码 sn-p 可能是解决方案，但 including an explanation 确实有助于提高您的帖子质量。请记住，您是在为将来的读者回答问题，而这些人可能不知道您提出代码建议的原因。

【解决方案4】：

在 Es6 中我们可以使用 js 来实现

currentDate= new Date(new Date().getTime() + 86400000).toISOString().substring(0, 10);
// convert to substring because datepicker format
//since I am using angular but it's fine with native JS
                <input type="date" id="dateSlot" class="form-control app-inputfield" [min]="currentDate" placeholder="mm/d/year" [(ngModel)]="serviceDate" [ngModelOptions]="{standalone: true}">

【讨论】：

【解决方案5】：

你必须在引号之间写上maxdate（endDate）：

endDate: '+42d'

【讨论】：