4

使用这个http://www.daterangepicker.com/

如何使用 daterangepicker 从仅一个月中选择范围。启用singleDatePicker: true使它成为日期选择器,但我需要一个月的范围。

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

我试过了

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

但它也选择 1 月 1 日至 31 日和 2 月 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);

在此处输入图像描述

4

5 回答 5

5

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

dateLimit: {
    'months': 1,
    'days': -1
}
于 2017-12-27T11:15:58.847 回答
3

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

将此行添加到选项:

linkedCalendars: false

他们将其添加到css中:

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

父类(在我的情况下为drp-calendar)可能不同,请与检查员一起检查。

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

于 2021-03-19T13:29:51.350 回答
1

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

选项:单月模式(带范围日期)

于 2017-03-15T07:29:33.460 回答
0

通过这种解决方法,我设法控制了日期范围内的单月视图:
我使用了这个技巧:[ https://stackoverflow.com/questions/41770018]

我已将 + 1 个月添加到 maxDate:var maxDate = moment(new Date()).add(1, 'M');

singleDatePicker: false,
linkedCalendars: true,

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

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

self.today 是 moment(new Date()).format('M/DD/YYYY');

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

于 2018-11-20T07:15:09.303 回答
0

这对我有用,添加以下内容:

singleDatePicker: true,
于 2019-06-21T16:43:05.223 回答