Javascript 引导数据采集器定制

我使用的是bootstrap datepicker，这里是它的javascript

    initDashboardDaterange: function () {
                $('#dashboard-report-range').daterangepicker({
                        opens: (Metronic.isRTL() ? 'right' : 'left'),
                        startDate: moment().subtract('days', 29),
                        endDate: moment(),
                        minDate: '01/01/2012',
                        maxDate: '12/31/2014',
                        dateLimit: {
                            days: 60
                        },
                        showDropdowns: false,
                        showWeekNumbers: true,
                        timePicker: true,
                        timePickerIncrement: 1,
                        timePicker12Hour: true,
                        ranges: {
     \\I added this         'Live': [''],
     \\I added this         'Last 10 Minutes': [moment().set('minute', 10)],
     \\I added this         'Last Hour': [moment().startOf('hour')],
                            'Today': [moment()],
                            'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
                            'Last 7 Days': [moment().subtract('days', 6), moment()],
                            'Last 30 Days': [moment().subtract('days', 29), moment()],
                            'This Month': [moment().startOf('month'), moment().endOf('month')],
                            'Last Month': [moment().subtract('month', 1).startOf('month'),   moment().subtract('month', 1).endOf('month')]
                        },
                        buttonClasses: ['btn btn-sm'],
                        applyClass: ' blue',
                        cancelClass: 'default',
                        format: 'MM/DD/YYYY',
                        separator: ' to ',
                        locale: {
                            applyLabel: 'Apply',
                            fromLabel: 'From',
                            toLabel: 'To',
                            customRangeLabel: 'Custom Range',
                            daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
                            monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
                            firstDay: 1
                       }
                    },
//this function show the selected date range in the div
                    function (start, end) {
                        $('#dashboard-report-range span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));    //this is the place i have to edit it..
                    }
                );
                $('#dashboard-report-range span').html(moment().subtract('days', 29).format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
                $('#dashboard-report-range').show();
            },    };

---

现在，当我添加更多值时，它只是接受日期，而不是其他事情。如果我只想在那里显示所选的值，比如我单击Live、Last 10分钟或Last Hour，它将分别显示Live、Last 10分钟或Last Hour。我曾尝试在那里添加，但它会给我带来错误。

了解您遇到的错误会很有帮助。我从未使用过矩和此日期选择器，但您添加的行与现有行的不同之处在于，您传递一个具有单个值的数组，而它们在数组中都有2个值。是的，它正在拾取2个值。它实际上是从日期a到日期B的日期范围。。他们工作的很好，但现在我增加了3个选项现场，最后一小时和最后10分钟。该函数需要两个值，但我正在寻找这样的东西：当我单击Live时，它将只显示写在框中的Live word，而不是这些新添加选项的日期范围。。这些错误当然是无效的日期格式，并且突出显示了多个值。我认为您使用的日期选择器无法完成此操作，但值得等待，看看是否有其他人可以提供帮助。