API

DDatePickerProps

interface DDatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
  dRef?: {
    inputLeft?: React.ForwardedRef<HTMLInputElement>;
    inputRight?: React.ForwardedRef<HTMLInputElement>;
  };
  dFormControl?: DFormControl;
  dModel?: Date | null | [Date, Date];
  dFormat?: string;
  dVisible?: boolean;
  dPlacement?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
  dOrder?: 'ascend' | 'descend' | null;
  dPlaceholder?: string | [string?, string?];
  dRange?: boolean;
  dSize?: DSize;
  dClearable?: boolean;
  dDisabled?: boolean;
  dPresetDate?: Record<string, () => Date | [Date, Date]>;
  dConfigDate?: (date: Date, position: 'start' | 'end', current: [Date | null, Date | null]) => { disabled?: boolean };
  dShowTime?: boolean | Pick<DTimePickerProps, 'd12Hour' | 'dConfigTime'>;
  dPopupClassName?: string;
  dInputRender?: [
    DCloneHTMLElement<React.InputHTMLAttributes<HTMLInputElement>>?,
    DCloneHTMLElement<React.InputHTMLAttributes<HTMLInputElement>>?
  ];
  onModelChange?: (date: any) => void;
  onVisibleChange?: (visible: boolean) => void;
  afterVisibleChange?: (visible: boolean) => void;
}

属性	说明	默认值	版本
dRef	传递 ref	-
dFormControl	支持表单	-
dModel	已选日期，受控，默认为 null	-
dFormat	格式化日期，参考 dayjs	-
dVisible	是否可见，受控，默认为 false	-
dPlacement	设置弹窗位置	'bottom-left'
dOrder	对日期进行排序，false 表示不排序	'ascend'
dPlaceholder	设置选择框占位文本	-
dRange	是否范围选择	false
dSize	设置选择框大小	-
dClearable	是否可清除	false
dDisabled	是否禁用	false
dPresetDate	预设日期值	-
dConfigDate	自定义日期选项	-
dShowTime	是否展示时间选择	false
dPopupClassName	向弹窗添加 className	-
dInputRender	自定义输入元素	-
onModelChange	已选日期变化的回调	-
onVisibleChange	显/隐的回调	-
afterVisibleChange	完成显/隐的回调	-
onClear	清除已选日期的回调	-