Reactjs 材质UI文本字段-在默认文本上呈现文本

我使用的是Material UI

TextField

组件，存在一个问题，即它为类型为“date”和“time”的TextFields呈现其值的格式。就这样,

我需要把“TT.MM.jjj”和“-：--”删除。 此时，渲染这些字段的代码如下所示：

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

this.onChange（事件）}
保证金=‘正常’
变体
禁用={disable}
/>

多亏@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，多亏了@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

材质用户界面的功能受到时间和日期选项的限制。你不能真正摆脱它（你可以用CSS来隐藏它）。有其他处理时间和日期的库添加到Idan的洞察中，你可以利用一些相关的库来帮助你。谢谢@minu.273这似乎对chrome有用。这是否回答了你的问题？物料界面受时间和日期选项的限制。你不能真正摆脱它（你可以用CSS来隐藏它）。有其他处理时间和日期的库添加到Idan的洞察中，你可以利用一些相关的库来帮助你。谢谢@minu.273这似乎对chrome有用。这是否回答了你的问题？