1

目标:目前使用反应数据网格,我想使用日期选择器(自定义编辑器)将用户输入保持在统一的 MM/DD/YYYY 中,以及用户浏览器区域设置中的格式(自定义格式化程序),是否有可能实现。

(如果我以日期选择器格式转换,我可能需要修改后端。)

我对这篇文章进行了一些研究Using react-datepicker in react-data-grid compoent 格式化程序不能与编辑器一起使用仍然是真的吗?

这是我构建的演示:https ://codesandbox.io/embed/8l4jkor19

到目前为止,我无法让格式化程序工作。

class DateFormatter extends React.Component {
  render() {
    const browserLocale =
      window.navigator.userLanguage || window.navigator.language;
    console.log("browserLocale is: " + browserLocale);
    //{moment(this.props.value).local().locale(browserLocale).format('L')}
    return <div>{moment(value).format("L")}</div>;
  }
}

任何意见将不胜感激!

4

1 回答 1

2

答案是肯定的

日历本地化 + 输入本地化

使用 React 数据网格和语义 ui 日历 react 实现

演示https://codesandbox.io/s/7wzx8ql10?fontsize=14

反应数据网格 6.1.0

语义 UI 日历反应 0.14.4

语义-ui 0.84.0

于 2019-04-08T22:21:19.557 回答