@td-design/react-native-picker/lib/module/date-picker/useDatePicker.js

基于 @td-design/react-native 的 picker 组件

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';
import dayjs from 'dayjs';
export default function useDatePicker(_ref) {
  let {
    onChange,
    value,
    format,
    closeModal
  } = _ref;
  const [date, setDate] = useSafeState(value);
  const handleChange = date => {
    setDate(date);
  };
  const handleClose = () => {
    setDate(value);
    closeModal === null || closeModal === void 0 ? void 0 : closeModal();
  };
  const handleOk = () => {
    const value = date ?? new Date();
    onChange === null || onChange === void 0 ? void 0 : onChange(value, dayjs(value).format(format));
    closeModal === null || closeModal === void 0 ? void 0 : closeModal();
  };
  return {
    date,
    handleChange: useMemoizedFn(handleChange),
    handleOk: useMemoizedFn(handleOk),
    handleClose: useMemoizedFn(handleClose)
  };
}
//# sourceMappingURL=useDatePicker.js.map