目标:当前正在使用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>;
}
}
任何评论将不胜感激!
答案 0 :(得分:1)
答案是肯定的
日历本地化+输入本地化
通过React数据网格和语义UI日历实现
演示https://codesandbox.io/s/7wzx8ql10?fontsize=14
反应数据网格6.1.0
语义用户界面日历反应0.14.4
Semantic-ui 0.84.0