Как я могу предотвратить ошибку JS "Ожидаемая" функция "в столбце ..."?

Question

Это мой указатель даты:

   $('#daterange-btn').daterangepicker({
        ranges: {
            'Today': [moment(), moment()],
            'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
            'This Month': [moment().startOf('month'), moment().endOf('month')],
            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
        },
        startDate: moment().subtract(29, 'days'),
        endDate: moment(),
        function (start, end) {
            $('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
        };
    });

Я получаю сообщение об ошибке:

Ожидаемая «функция» в столбце 9, а не функция 12 столбца (начало, конец) {Ожидается идентификатор, и вместо этого он увидел 'function' (зарезервированное слово): Ожидается ':' и вместо этого увидел '('. Недостающее пространство между '(' и 'start'. 'Start' использовалось до того, как оно было определено. Ожидаемый 'end'в столбце 9, а не в столбце 29.