bootstrap-datepicker 从/到按月范围答案

【问题标题】：bootstrap-datepicker from/to range by monthbootstrap-datepicker 从/到按月范围
【发布时间】：2015-01-28 13:05:15
【问题描述】：

我正在使用https://github.com/eternicode/bootstrap-datepicker

我的表单由一个 From Date 和一个 To Date 输入 (#fromdate/#todate) 组成。

两者的 minViewMode 都设置为月。

一旦选择了起始日期，用户应该只能从 #fromdate 值加上一个月来选择。

即。如果用户在 From Date 中选择 March，则只能在 To Date .datepicker 中选择 April 及之后的日期。

在#fromdate 之前为#todate 禁用月份的处理方式如下：

$("#fromdate").datepicker({
minViewMode: 1
}).on('changeDate', function(ev){
    $("#todate").datepicker('setStartDate',ev.date);
});

我可能遗漏了一些明显的东西，但我似乎无法掌握在 setStartDate 方法中“添加”1 个月。

【问题讨论】：

标签： javascript jquery twitter-bootstrap date datepicker

【解决方案1】：

你需要设置minDate:

$("#fromdate").datepicker({
    minViewMode: 1
}).on('changeDate', function(ev){
    $("#todate").datepicker("option", "minDate",ev.date.setMonth(ev.date.getMonth() + 1));
});

【讨论】：

minDate 来自 jQuery 日期选择器。引导程序等效项是 startDate。我一直在尝试这些方面的东西 - 做了一个小小提琴jsfiddle.net/mnorup/c3u9f2m5 在这里你可以看到想要的效果 - 除了 #fromdate 值仍然是可选的。
感谢您确认我在正确的道路上，最终解决方案：$("#fromdate").datepicker({ minViewMode: 1 }).on('changeDate', function(ev){ startDate: ev.date.setMonth(ev.date.getMonth() + 1), $("#todate").datepicker('setStartDate',ev.date); });

【解决方案2】：

您需要为用户设置endDate。

可以选择的最晚日期；所有以后的日期都将是已禁用。

查看bootstrap-datepicker http://bootstrap-datepicker.readthedocs.org/en/release/options.html#enddate 的文档

【讨论】：

与#todate相关的应该是startDate，在这种情况下不是endDate :)
@MNorup，你得到#fromDate那个用户选择，之后你初始化#toDate datepicker并设置endDate
我不确定该逻辑将如何应用 - 你能举个例子吗？

【解决方案3】：

我做了一个更完整的解决方案：

$("#eventEndDate").datepicker({
        minViewMode: 1
    }).on('changeDate', function (ev) {
        endtDate: ev.date.setMonth(ev.date.getMonth() - 1), $("#eventStartDate").datepicker('setEndDate', ev.date);
    });

    $("#eventStartDate").datepicker({
        minViewMode: 1
    }).on('changeDate', function (ev) {
        startDate: ev.date.setMonth(ev.date.getMonth() + 1), $("#eventEndDate").datepicker('setStartDate', ev.date);
    });

【讨论】：