2015-10-23 17:57:02 +08:00
|
|
|
# 国际化
|
|
|
|
|
|
|
|
- order: 9
|
|
|
|
|
2015-11-16 14:10:42 +08:00
|
|
|
通过 `locale` 配置时区、语言等, 默认支持 en_US, zh_CN
|
2015-10-23 17:57:02 +08:00
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
````jsx
|
2015-10-28 20:55:49 +08:00
|
|
|
import { Datepicker } from 'antd';
|
2015-11-16 14:10:42 +08:00
|
|
|
import enUS from 'antd/lib/datepicker/locale/en_US';
|
|
|
|
|
|
|
|
function assign(target, source) {
|
|
|
|
for(var s in source) {
|
|
|
|
target[s] = source[s];
|
|
|
|
}
|
|
|
|
return target;
|
|
|
|
}
|
2015-10-23 17:57:02 +08:00
|
|
|
|
2015-10-28 20:55:49 +08:00
|
|
|
const App = React.createClass({
|
2015-10-23 17:57:02 +08:00
|
|
|
getInitialState() {
|
|
|
|
return {
|
2015-11-16 14:10:42 +08:00
|
|
|
locale: assign({
|
2015-10-23 17:57:02 +08:00
|
|
|
timezoneOffset: 0 * 60,
|
|
|
|
firstDayOfWeek: 0,
|
2015-11-16 14:10:42 +08:00
|
|
|
minimalDaysInFirstWeek: 1
|
|
|
|
}, enUS)
|
2015-10-23 17:57:02 +08:00
|
|
|
};
|
|
|
|
},
|
|
|
|
render() {
|
|
|
|
return <Datepicker showTime={true} locale={this.state.locale} />;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
ReactDOM.render(<App />, document.getElementById('components-datepicker-demo-locale'));
|
|
|
|
````
|
|
|
|
|