首页 > 解决方案 > 如何在物料表中验证日期?

问题描述

这是我表的代码。

const [columns, setColumns] = useState([
    { title: 'S.No', field: 'S_No_Format', editable: 'never'},
    { title: 'Date', field: 'Date_Format', type : 'date', sorting: false  },
    { title: 'Description', field: 'Description', sorting: false ,validate: rowData => rowData.Description === '' || rowData.Description === undefined  ? { isValid: false, helperText: 'Invalid Description' } : true  },
    { title: 'Hours', field: 'Hours',  type: 'numeric', sorting: false ,validate: rowData => rowData.Hours === '' || rowData.Hours === undefined || rowData.Hours < 0 ? { isValid: false, helperText: 'Invalid Hours' } : true},
]);

const [DataArray , setDataArray] = useState([]);

return (
    <React.Fragment>
    <Navbar />
    <div>
        <MaterialTable
            title="Timesheet"
            columns={columns}
            data={DataArray}
            icons={tableIcons}
            editable={{

            onRowAddCancelled: rowData => console.log('Row adding cancelled'),
            onRowUpdateCancelled: rowData => console.log('Row editing cancelled'),
            onRowAdd: newData =>
                new Promise((resolve, reject) => {
                    setTimeout(() => {
                        newData.Date_Format = Date_To_Regular(newData.Date_Format);
                        console.log(newData)
                        
                        resolve();
                    }, 1000);
                })  
            
            }}
            options={{
                actionsColumnIndex: -1,
                search:false,
                exportButton: true,
                
            }}
        />
    </div>
    </React.Fragment>
);

我想在添加新行时验证日期。选择的日期应该是今天、昨天或前一天。如何验证日期?

在此处输入图像描述

标签: javascriptreactjsmaterial-uimaterial-table

解决方案


推荐阅读