javascript - material-ui 中正确的日期格式是什么?

标签 javascript reactjs material-ui

我一直在尝试在 Material ui 中获取 currentDate,我相当设法获取和点击日期,我们获取当前日期,但默认显示显示 dd/mm/yyyy 而不是显示确切的日期。 我希望显示日期而不是 dd/mm/yyyy 。 这是 Material 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

请注意,如果您发现任何错误,请至少给出解释,而不仅仅是投反对票。谢谢

关于javascript - material-ui 中正确的日期格式是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52127039/

相关文章:

javascript - 使用 react 更改列表中的事件元素

javascript - react : How do I move my ajax api call into a separate component?

reactjs - 使用 Cypress 或 React 测试库进行集成测试?

javascript - 刷新后 Material-UI 中断

javascript - 使用不同的 props React ES6 渲染多个项目

javascript - javascript 函数需要 value.replace 正则表达式帮助

javascript - 是否有任何支持 ES6 的 BundleTransformer JS 压缩器?

javascript - Jquery 计数器和 fadein 问题

css - React Bootstrap - 位置粘性不起作用

reactjs - 类型 'IntrinsicAttributes & IntrinsicClassAttributes<DatePicker> & Readonly<{ children?: ReactNode; }> ...' 上不存在属性