仅启用当前日期直到接下来的 30 天 - 引导日期选择器答案

【问题标题】：Enable only current date till next 30 days - bootstrap datepicker仅启用当前日期直到接下来的 30 天 - 引导日期选择器
【发布时间】：2013-12-05 10:28:29
【问题描述】：

在 rails 3.2.13 项目中，我使用的是 bootstrap datepicker 插件。现在日历通过禁用以前的日期来显示当前日期。现在我需要限制日历只选择当前日期 + 下一个 30 天。

我正在使用下面的代码来禁用上一个日期，

function currentDatePicker(id){
var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

 $('#' + id).datepicker({
    format: "yyyy-mm-dd",
    onRender: function(date) {
        return date.valueOf() < now.valueOf() ? 'disabled' : '';
    }
 });
}

【问题讨论】：

标签： jquery ruby-on-rails twitter-bootstrap datepicker

【解决方案1】：

在 Bootstrap 日期选择器中设置当前日期使用： startDate: new Date() 它是以前的日期。

设置下一个 30 天使用： endDate: '+30d' 它只显示从当前日期起 30 天

这里是示例代码：

$('#datepicker').datepicker({ 
  startDate: new Date(), // controll start date like startDate: '-2m' m: means Month
  endDate: '+30d'

});

【讨论】：

如何从这 30 天中排除周末？

【解决方案2】：

试试maxDate

$('#' + id).datepicker({ maxDate: "+30d" });

或

$('#' + id).datepicker( "option", "maxDate", "+30d" );

OP评论后更新

fiddle Demo

$('#' + id).datepicker({
    maxDate: "+30d",
    minDate:0
});

minDate

【讨论】：

我可以从这个功能中禁用以前的日期吗？？
bootstrap datepicker 不会接受 maxDate，而且之前的日期不会被禁用。
他需要引导日期选择器，但在你的小提琴中有 jquery 日期选择器。

【解决方案3】：

试试这个：

 $('#datepicker').datepicker({
    startDate: 0,
    endDate: '+30d'
});

【讨论】：

bootstrap datepicker 不会接受 maxDate，而且之前的日期不会被禁用。

【解决方案4】：

试试这个它的工作演示：http://jsfiddle.net/1wsf97pt/

$(function () {
    $("#Id").datepicker({

        minDate: new Date,
        onSelect: function (dateText, inst) {
            try {
                $.datepicker.parseDate('mm/dd/yy', dateText);
            } catch (e) {

                alert(e);

            };
        }
    });
});

【讨论】：