首页 > 解决方案 > 减少没有初始值的空数组

问题描述

我正在使用 fullcalendar-react 并且我有以下时间表,我试图获取列表的最早时间并删除关闭的日期:

export default {
    monday: {
        startTime: '10:00',
        endTime: '23:00'
    },
    tuesday: {
        startTime: '08:00',
        endTime: '00:00'
    },
    wednesday: {
        startTime: '09:00',
        endTime: '22:00'
    },
    thursday: {
        startTime: '14:00',
        endTime: '00:00'
    },
    friday: undefined,
    saturday: {
        startTime: '13:00',
        endTime: '21:00'
    },
    sunday: undefined
}

为了过滤关闭日期并获得最早的时间,我正在使用过滤器和减少,如下所示:

getOpeningHour() {
    let value: any = "00:00:00";

    if (this.props.schedule) {
        const schedule = this.props.schedule; // the schedule I presented above

        if (Object.keys(schedule).length >= 1) {
            const minValue = Object.keys(schedule)
                .filter((key) => schedule[key])
                .map((key: string) => moment(schedule[key].startTime, 'HH:mm'))
                .reduce((min: moment.Moment, value: moment.Moment) => (!min || value.isBefore(min) ? value : min), moment('00:00', 'HH:mm')); 
                // Gets the earliest hour when the list is not empty, but when I give midnight as default value, it's always midnight.

            value = minValue.format('HH:mm:ss');
        }
    }
    return value;
}

当我打开日历时,我收到此错误:

未捕获的类型错误:减少没有初始值的空数组

当列表为空时,我尝试提供, moment('00:00', 'HH:mm')默认值,但是像这样,我的日历总是在午夜开始并忽略其余部分,我想。

- - -编辑 - - -

该代码实际上正在发挥作用,由于午夜早于 08:00,它将显示午夜。唯一的事情是仅当列表为空时才显示午夜。

当我使用 moment() 小时时,如何解决这个问题?谢谢!

标签: javascriptreactjsfullcalendar

解决方案


尝试moment('24:00', 'HH:mm')

const hourTemplate = 'HH:mm';

const getEarliersHour = schedule =>
  Object.values(schedule)
    .filter(value => value)                  // no undefined
    .map(time => moment(time.startTime, hourTemplate))
    .reduce(
      (min, curr) => (curr.isBefore(min) ? curr : min),
      moment('24:00', hourTemplate)         // latest moment
    )
    .format(hourTemplate);

getEarliersHour(schedule);                  // 08:00
getEarliersHour({});                        // 00:00

演示:

编辑冷落日oc7fy


推荐阅读