API 参数详细说明

/*
* 回调参数d包含开始和结束日期的数组，当只是日期选择而不包含时间选择时，时间部分均为当前时间
* 1. 选择day模式，startDate与endDate相等
* 2. 选择week模式，startDate为当周的起始日期，endDate为当周的结束日期
* 3. 选择month模式，startDate为当月的起始日期，endDate为当月的结束日期
* 4. 选择quarter模式，startDate为当季度的起始日期，endDate为当季度的结束日期
* 5. 选择year模式，startDate为当年的起始日期，endDate为当年的结束日期
*/
const onPick = (d: Date[]) => {
  const startDate = d[0];
  const endDate = d[1];
};

import dayjs from 'dayjs';
import isBetween from 'dayjs/plugin/isBetween';

dayjs.extend(isBetween);

const disabledDateFunc = (currentDate: Date): boolean => {
  const d = dayjs(currentDate);
  const today = dayjs();
  // 只能选择当日的前后一个月日期内
  if (!d.isBetween(today.subtract(1, 'month'), today.add(1, 'month'))) return true;
};

/*
* 回调参数d为一个Date时间，只有时分秒有效
*/
const onPick = (d: Date) => {
  const hour = d.getHours();
  const minute = d.getMinutes();
  const second = d.getSeconds();
};

/*
* 回调参数d包含开始和结束日期的数组，当只是日期选择而不包含时间选择时，时间部分均为当前时间
* 1. 选择day模式，startDate为起始日期，endDate为结束日期
* 2. 选择week模式，startDate为起始日期里选择的周的第一天，endDate为结束日期里选择的周的最后一天
* 3. 选择month模式，startDate为起始日期里选择的月的第一天，endDate为结束日期里选择的月的最后一天
* 4. 选择quarter模式，startDate为起始日期里选择的季度的第一天，endDate为结束日期里选择的季度的最后一天
* 5. 选择year模式，startDate为起始日期里选择的年的第一天，endDate为结束日期里选择的年的最后一天
*/
const onPick = (d: Date[]) => {
  const startDate = d[0];
  const endDate = d[1];
};

import dayjs from 'dayjs';
import isBetween from 'dayjs/plugin/isBetween';

dayjs.extend(isBetween);

const disabledDateFunc = (currentDate: Date): boolean => {
  const d = dayjs(currentDate);
  const today = dayjs();
  // 只能选择当日的前后一个月日期内
  if (!d.isBetween(today.subtract(1, 'month'), today.add(1, 'month'))) return true;
};