React 数据网格自定义格式化程序是否可以同时与自定义编辑器一起使用?
Does react data grid custom formatter work with custom editor at the same time?
目标:目前正在使用 React 数据网格,我想使用日期选择器(自定义编辑器)和用户浏览器语言环境(自定义格式化程序)中的格式,使用户输入保持统一 MM/DD/YYYY,是否可以实现。
(如果我在日期选择器格式转换,我可能需要修改后端。)
我对此做了一些研究 post 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>;
}
}
如有任何意见,我们将不胜感激!
答案是肯定的
日历本地化+输入本地化
通过 React 数据网格和语义实现 ui calendar react
演示 https://codesandbox.io/s/7wzx8ql10?fontsize=14
反应数据网格 6.1.0
语义-ui-日历反应 0.14.4
语义-ui 0.84.0
目标:目前正在使用 React 数据网格,我想使用日期选择器(自定义编辑器)和用户浏览器语言环境(自定义格式化程序)中的格式,使用户输入保持统一 MM/DD/YYYY,是否可以实现。
(如果我在日期选择器格式转换,我可能需要修改后端。)
我对此做了一些研究 post 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>;
}
}
如有任何意见,我们将不胜感激!
答案是肯定的
日历本地化+输入本地化
通过 React 数据网格和语义实现 ui calendar react
演示 https://codesandbox.io/s/7wzx8ql10?fontsize=14
反应数据网格 6.1.0
语义-ui-日历反应 0.14.4
语义-ui 0.84.0