反应数据网格自定义格式化程序可同时与自定义编辑器一起使用吗?

时间:2019-04-04 19:37:12

标签: javascript reactjs semantic-ui-react react-data-grid

目标:当前正在使用react数据网格,我想使用日期选择器(自定义编辑器)将用户输入保持在统一的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>;
  }
}

任何评论将不胜感激!

1 个答案:

答案 0 :(得分:1)

答案是肯定的

日历本地化+输入本地化

通过React数据网格和语义UI日历实现

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

反应数据网格6.1.0

语义用户界面日历反应0.14.4

Semantic-ui 0.84.0