zent/src/date-picker/hooks/useTimePanelValue.ts

一套前端设计语言和基于React的实现

import { useState, useEffect } from 'react';
import { parse } from 'date-fns';
const current = new Date();
const initTimeDate = new Date(
  current.getFullYear(),
  current.getMonth(),
  current.getDate()
);
/**
 * 将字符串转成date类型，便于内部计算
 * @param selected {string}
 * @param defaultTime {string}
 * @param format {string}
 */
export function useTimePanelValue(
  selected: string,
  defaultTime: string,
  format: string
) {
  const value = selected || defaultTime;
  const [panelTime, setPanelTime] = useState<Date>(
    value ? parse(value, format, initTimeDate) : initTimeDate
  );

  useEffect(() => {
    setPanelTime(value ? parse(value, format, initTimeDate) : initTimeDate);
  }, [value, defaultTime, format]);

  return { panelTime, setPanelTime };
}