【问题标题】:Material-UI TextField - renders Text over default TextMaterial-UI TextField - 在默认文本上呈现文​​本
【发布时间】:2020-04-05 13:24:16
【问题描述】:

我正在使用 Material-UI TextField 组件并且存在这个问题,它为“日期”和“时间”类型的文本字段呈现其值的格式。像这样:

我需要删除“TT.MM.JJJJ”和“--:--”。 此时我呈现这些字段的代码如下所示:

<TextField
    label={label}
    type={type}
    value={value}
    InputLabelProps={{
      shrink: true
    }}
    onChange={(event) => this.onChange(event)}
    margin='normal'
    variant='outlined'
    disabled={disable}
  />

【问题讨论】:

标签: reactjs label material-ui textfield


【解决方案1】:

感谢@minu.273 和@Idan,我找到了解决方案。 我已将以下代码放入 .scss 文件中:

input[type="date"]:in-range::-webkit-datetime-edit-year-field, input[type="date"]:in-range::-webkit-datetime-edit-month-field, input[type="date"]:in-range::-webkit-datetime-edit-day-field, input[type="date"]:in-range::-webkit-datetime-edit-text { color: transparent; }

适用于 chrome

【讨论】:

    猜你喜欢
    • 2012-12-13
    • 2018-05-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-04
    • 1970-01-01
    • 2021-10-16
    • 1970-01-01
    相关资源
    最近更新 更多