我一直试图在材料ui中获得currentDate,我相当设法获得并且点击日期,我们获得当前日期但默认显示显示dd / mm / yyyy而不是显示确切日期。我希望显示日期而不是dd / mm / yyyy。这是材料ui中的修改代码,这里是codesandbox sandbox的链接
import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import TextField from '@material-ui/core/TextField';
const styles = theme => ({
container: {
display: 'flex',
flexWrap: 'wrap',
},
textField: {
marginLeft: theme.spacing.unit,
marginRight: theme.spacing.unit,
width: 200,
},
});
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1; //January is 0!
var yyyy = today.getFullYear();
if (dd < 10) {
dd = '0' + dd
}
if (mm < 10) {
mm = '0' + mm
}
today = mm + '/' + dd + '/' + yyyy;
//document.write(today);
function DatePickers(props) {
const { classes } = props;
return (
<form className={classes.container} noValidate>
<TextField
id="date"
type="date"
defaultValue={today}
className={classes.textField}
InputLabelProps={{
shrink: true,
}}
/>
</form>
);
}
DatePickers.propTypes = {
classes: PropTypes.object.isRequired,
};
export default withStyles(styles)(DatePickers);
您的日期值格式错误。
试试这个:
today = yyyy + '-' + mm + '-' + dd;
这是工作代码盒:https://codesandbox.io/s/8z6v3qj782
PS,如果你看到任何错误,那么至少给出解释而不是仅仅给予投票。谢谢