@react-native-community/datetimepicker的DateTimePicker内容如何显示成英文
时间: 2024-03-15 13:44:30 浏览: 20
@react-native-community/datetimepicker 是一个基于 React Native 的日期和时间选择器库。要将其内容显示为英文,您可以使用该库提供的 `locale` 属性来指定地区设置。
以下是一个示例,演示如何将 DateTimePicker 显示为英文:
```js
import React, { useState } from 'react';
import { View, Button, Platform } from 'react-native';
import DateTimePicker from '@react-native-community/datetimepicker';
const MyDateTimePicker = () => {
const [date, setDate] = useState(new Date());
const [show, setShow] = useState(false);
const onChange = (event, selectedDate) => {
setShow(Platform.OS === 'ios');
setDate(selectedDate || date);
};
const showPicker = () => {
setShow(true);
};
return (
<View>
<Button onPress={showPicker} title="打开日期选择器" />
{show && (
<DateTimePicker
testID="dateTimePicker"
value={date}
mode="date"
is24Hour={true}
display="default"
locale="en-US" // 将 DateTimePicker 显示为英文
onChange={onChange}
/>
)}
</View>
);
};
export default MyDateTimePicker;
```
在上述代码中,`locale` 属性被设置为 `en-US`,这将使 DateTimePicker 的内容以英文显示。您可以根据需要将其更改为其他地区设置来显示其他语言的内容。