다음 React 앱을 위한 다음 단계 시간 선택기 ⌚️

반응 Ios 시간 선택기

A modern way to pick time

설치

npm install react-ios-time-picker

용법

24시간 형식 사용

import React, { useState } from 'react';
import { TimePicker } from 'react-ios-time-picker';

export default const  MyApp = () => {
   const [value, setValue] = useState('10:00');

   const onChange = (timeValue) => {
      setValue(timeValue);
   }

   return (
      <div>
         <TimePicker onChange={onChange} value={value} />
      </div>
   );
}

12시간 형식 사용

import React, { useState } from 'react';
import { TimePicker } from 'react-ios-time-picker';

export default const  MyApp = () => {
   const [value, setValue] = useState('10:00 AM');

   const onChange = (timeValue) => {
      setValue(timeValue);
   }

   return (
      <div>
         <TimePicker onChange={onChange} value={value} use12Hours/>
      </div>
   );
}

기부를 환영합니다!

git clone https://github.com/MEddarhri/react-ios-time-picker
cd react-ios-time-picker

문제

질문이 있거나 개선 사항에 대한 제안이 있거나 버그를 발견한 경우 저장소에 올려주십시오.
https://github.com/MEddarhri/react-ios-time-picker/issues