다음 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

좋은 웹페이지 즐겨찾기