DateRangePicker

() => {
  /*
   * 回调参数d包含开始和结束日期的数组，当只是日期选择而不包含时间选择时，时间部分均为当前时间
   * 1. 选择day模式，startDate为起始日期，endDate为结束日期
   * 2. 选择week模式，startDate为起始日期里选择的周的第一天，endDate为结束日期里选择的周的最后一天
   * 3. 选择month模式，startDate为起始日期里选择的月的第一天，endDate为结束日期里选择的月的最后一天
   * 4. 选择quarter模式，startDate为起始日期里选择的季度的第一天，endDate为结束日期里选择的季度的最后一天
   * 5. 选择year模式，startDate为起始日期里选择的年的第一天，endDate为结束日期里选择的年的最后一天
   */
  const dateRangePick = d => {
    const startDate = d[0]
    const endDate = d[1]
    window.console.log(
      `开始日期：${dayjs(startDate).format(
        'YYYY/MM/DD HH:mm:ss',
      )} —— 结束日期：${dayjs(endDate).format('YYYY/MM/DD HH:mm:ss')}`,
    )
  }
  return <DateRangePicker onPick={dateRangePick} />
}

<DateRangePicker defaultDate={['2022-2-22', '2022-4-22']} />