@react-native-community/datetimepicker的locale,如何设置成英文
时间: 2023-12-30 08:03:25 浏览: 150
可以通过设置 `locale` 属性为 `'en'` 来将 `@react-native-community/datetimepicker` 组件的语言设置为英文。具体可以参考以下代码:
```js
import React, { useState } from 'react';
import { Text, TouchableOpacity, View, Platform } from 'react-native';
import DateTimePicker from '@react-native-community/datetimepicker';
const App = () => {
const [date, setDate] = useState(new Date());
const [show, setShow] = useState(false);
const onChange = (event, selectedDate) => {
const currentDate = selectedDate || date;
setShow(Platform.OS === 'ios');
setDate(currentDate);
};
const showDatePicker = () => {
setShow(true);
};
return (
<View>
<TouchableOpacity onPress={showDatePicker}>
<Text>Select Date</Text>
</TouchableOpacity>
{show && (
<DateTimePicker
value={date}
mode={'date'}
is24Hour={true}
display="default"
locale={'en'}
onChange={onChange}
/>
)}
</View>
);
};
export default App;
```
在上述示例代码中,我们将 `locale` 属性设置为 `'en'`,即英文,来将组件的语言设置为英文。如果需要设置成其他语言,可以将该属性设置为对应的语言代码。