다음 React 앱을 위한 다음 단계 시간 선택기 ⌚️
6801 단어 javascriptnodereactnpm
반응 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
Reference
이 문제에 관하여(다음 React 앱을 위한 다음 단계 시간 선택기 ⌚️), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/meddarhri/the-next-level-time-picker-for-your-next-react-app-5boc텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)