带有输入掩码的FluentUI DatePicker

问题描述

通过输入掩码____-__-__可以使用Microsoft FluentUI Datepicker。标准DatePicker控件允许在输入控件下仅选择已选择的日历来选择日期。我必须使用日期选择器和输入掩码进行输入控制，以两种不同的方式设置日期。

<DatePicker className={controlClass.control} placeholder="Select a date..." ariaLabel="Select a date" />
    
<MaskedTextField
    // className="ag-input-field-input ag-text-field-input"
    componentRef={inputRef}
    // styles={inputStyles}
    borderless
    // prefix={'Enter ' + props.column.getColId()}
    prefix={`number`}
    onChange={inputHandler}
    value={value}
    placeholder={'0'}
    required
    mask="****-**-**"
    maskFormat={maskFormat}
    maskChar="_"
/>

MaskedTextField和TextField中的

iconProps = {iconProps}允许在Fluent Icon中使用图标。在这种情况下，我不知道如何将Datepicker与此MaskedTextField一起使用。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）