Question

我正在使用DatePicker作为UI中的日期输入。目标是显示日期格式（占位符），甚至显示一个空字符串，但是如果不设置value属性，我只能看到当前日期。

<DatePicker
            format={"dd/MM/yyyy"}
            margin="normal"
            label="Date picker"
            value={undefined}
            onChange={this.handleDateChange}
          />

这里是我到目前为止的演示。

https://codesandbox.io/s/jv4vv6y59y

是否可以使用Material-UI DatePicker实现它？

Answer 1

我假设您正在使用validnomi(key : string) { this.demandesnomiftodisplay = this.demandenomisService.getSingleDemandenomis(key) .subscribe((val: {datedemande: string}[]) => console.log(val[0].datedemande)); }软件包中的DatePicker。最初，要将其设置为空，可以使用DatePicker的material-ui-pickers属性。

labelFunc

在renderLabel函数中，检查日期是否有效。如果无效，请将其留空。如果这样做，除非并且直到我们通过日期选择器选择一个日期，否则该字段将保持为空。

<DatePicker
 format={"DD/MM/YYYY"}
 margin="normal"
 label="Date picker"
 labelFunc={this.renderLabel}
 value={this.state.date}
 onChange={this.handleDateChange}
/>

看看以下代码框：https://codesandbox.io/s/2vnpk655qn

希望这会有所帮助！

DatePicker在初始状态下显示来自at / custom消息

1 个答案: