时间选择器显示本地时区,如何将其更改为所需的时区?
问问题
10459 次
3 回答
5
如其他答案中所述,Material-UI 选择器使用第三方日期/时间库,您需要添加和配置该库。
所以,你需要在 yarn/npm 添加这些:
yarn add moment
yarn add moment-timezones
yarn add @date-io/moment@1.x moment
在你App.js
添加这个:
import moment from 'moment'
let launchMoment = require('moment')
require('moment-timezone')
moment.tz.setDefault('America/Los_Angeles')
您可以将 更改setDefault
为您想要的时区:
在您使用选择器的组件中,您需要导入这些:
import { MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers'
import MomentUtils from '@date-io/moment'
您的选择器将如下所示:
<MuiPickersUtilsProvider utils={MomentUtils}>
<KeyboardDatePicker
disableToolbar
variant="inline"
format="ddd MMM Do"
margin="normal"
id="date-picker-inline"
value={date}
onChange={handleDateChange}
KeyboardButtonProps={{
'aria-label': 'change date'
}}
/>
</MuiPickersUtilsProvider>
注意:Pickers 支持其他日期/时间库,但有些没有本地时区可配置性,例如date-fns
于 2020-08-05T08:17:24.597 回答
1
Material-ui-pickers 将利用您为应用程序配置的时区。如果您的moment
实例设置为使用特定时区 - 当您将其传递给选择器组件时,它将使用该时区并返回同一时区的日期。
于 2019-02-21T08:36:30.717 回答