Question

使用此http://www.daterangepicker.com/

如何使用daterangepicker从一个月内选择范围。启用singleDatePicker: true会使其成为日期选择器，但我需要一个月的范围。

即。 2017年1月1日至2017年1月15日。或在一个月内的任何范围。

我试过了

"dateLimit": {
    "month": 1
 },

但它选择1月1日至31日和1月1日。

如果不可能，请提出替代方案。

修改（当前代码）

function cb(start, end) {
            $('#daterange span').html(start.format('MMM D, YYYY') + ' - ' + end.format('MMM D, YYYY'));

            enroll_date_start.value = start.format('YYYY-MM-DD');
            enroll_date_end.value   = end.format('YYYY-MM-DD');
        }

        $('#daterange').daterangepicker({
            maxDate: moment(),

            "dateLimit": {
                "month": 1
            },
            ranges: {
               'Today': [moment(), moment()],
               'This Month': [moment().startOf('month'), moment().endOf('month')],
               'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
            }
        }, cb);

Answer 1

我知道我迟到了，但这个解决方案对我有用：

将此行添加到选项：

linkedCalendars: false

然后他们将其添加到 css 中：

.drp-calendar.right {
    display: none !important;
  }

父类（在我的例子中是drp-calendar）可能不同，请与检查员核对。

来源：https://github.com/dangrossman/daterangepicker/issues/1152#issuecomment-229439154

Answer 2

我发现另一个插件具有很多功能和我需要的功能。 https://longbill.github.io/jquery-date-range-picker/

选项：单月模式（带有范围日期）

Answer 3

只需在dateLimit选项中添加以下内容即可。

dateLimit: {
    'months': 1,
    'days': -1
}

Answer 4

通过这种解决方法，我可以控制日期范围内的单月视图：
我使用此技巧：[https://stackoverflow.com/questions/41770018];

我为maxDate添加了1个月：var maxDate = moment(new Date()).add(1, 'M');

singleDatePicker: false,
linkedCalendars: true,

我在我的选项datepicker对象上使用了该方法；

isInvalidDate: function(date) {
    return date.isAfter(self.today);
}

今天是self.today（new Date（））。format（'M / DD / YYYY'）;

此解决方案仅用于今天日期后一天的日期范围。今天之后的所有日期将被禁用

Answer 5

这对我有用，添加以下内容：

singleDatePicker: true,

daterangepicker在一个月内选择范围

5 个答案: