Question

我使用了daterangepicker bootstrap。

在我的表单中，html包含两个元素：#RangeDate和#DateExport

代码bellow是函数初始化daterangepicker：

('#RangeDate').daterangepicker({
        startDate: moment().subtract('days', 30),
        endDate: '07/03/2018',
        minDate: '01/01/2012',
        maxDate: '07/03/2018',
        ranges: {
            'This month': [moment().startOf('month'), moment()],
            'Last month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')],
            'Last 30 days': [moment().subtract('days', 30), moment()],
            'Last 60 days': [moment().subtract('days', 60), moment()],
            'This year': [moment().startOf('year'), moment()]
        },
        opens: 'right',
        buttonClasses: ['btn btn-default'],
        applyClass: 'btn-small btn-primary',
        cancelClass: 'btn-small',
        format: 'DD/MM/YYYY',
        separator: ' - ',
        locale: {
            applyLabel: 'Apply',
            fromLabel: 'From',
            toLabel: 'To',
            customRangeLabel: 'Option',
            daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
            monthNames: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            firstDay: 1
        }
    },
   function (start, end) {
       if ($('#fromDate').length) {
           $('#fromDate').val(start.format('DD/MM/YYYY'));
       }
       if ($('#toDate').length) {
           $('#toDate').val(end.format('DD/MM/YYYY'));
       }
    });

选择输入#DateExport函数如下：

$('#DateExport').datepicker({
        autoclose: true,
        dateFormat: 'dd/mm/yy',
        onSelect: function (date) {
            //I want set endDate daterangepicker here.
        }
    });

我试过以下代码

代码1：

$("#RangeDate").daterangepicker('setEndDate', date);

代码2：

$('#RangeDate').data('daterangepicker').setEndDate(date);

错误$（...）。data（'daterangepicker'）不起作用。

代码3：

var picker = $('#RangeDate').data('daterangepicker');
picker.setEndDate(date);

和代码4：

$('#RangeDate').on('cancel', function (ev, picker) {
    picker.setEndDate(date);
});

上述所有代码均无效。

Answer 1

使用此

$(function() {
  $('input[name="datetimes"]').daterangepicker({
    timePicker: true,
    startDate: moment().startOf('hour'),
    endDate: moment().startOf('hour').add(32, 'hour'),
    locale: {
      format: 'M/DD hh:mm A'
    }
  });
});

，您可以更改timePicker的真假

如何为daterangepicker引导程序setEndDate

1 个答案: