diff --git a/zh-cn/datetimepicker.md b/zh-cn/datetimepicker.md new file mode 100644 index 0000000000000000000000000000000000000000..32196fe2fa942347a3e57f3205729a376e4defff --- /dev/null +++ b/zh-cn/datetimepicker.md @@ -0,0 +1,262 @@ +> 模板版本:v0.0.1 + +

+

@react-native-community/datetimepicker

+

+

+ + Supported platforms + + + License + +

+ +## 安装与使用 + +进入到工程目录并输入以下命令: + + + +**正在 npm 发布中,当前请先从仓库[Release](https://github.com/react-native-oh-library/datetimepicker/releases)中获取库 tgz,通过使用本地依赖来安装本库。** + +#### **yarn** + +```bash +yarn add xxx +``` + +#### **npm** + +```bash +npm install xxx +``` + + + +下面的代码展示了这个库的基本使用场景: + +```js +import DateTimePicker from '@react-native-community/datetimepicker'; + +export const App = () => { + const [date, setDate] = useState(new Date(1598051730000)); + const [mode, setMode] = useState('date'); + const [show, setShow] = useState(false); + + const onChange = (event, selectedDate) => { + const currentDate = selectedDate; + setShow(false); + setDate(currentDate); + }; + + const showMode = (currentMode) => { + setShow(true); + setMode(currentMode); + }; + + const showDatepicker = () => { + showMode('date'); + }; + + const showTimepicker = () => { + showMode('time'); + }; + + return ( + +