web-dev-qa-db-ja.com

ReactでMaterial UIの日付ピッカーの下線を無効にする方法は？

Material-ui-pickerに下線を表示しないようにするにはどうすればよいですか？

sandboxhttps://codesandbox.io/s/l2ykr7kwvz?from-embed

TextFieldの下線を削除したい。

私は試した

disableUnderline={true}

underlineStyle={{display: 'non'}}

showingUnderline={false}

しかし、何も機能しません。下線を非表示にするにはどうすればよいですか？

<DatePicker
    underlineStyle={{display: 'none'}}
    value={selectedDate}
    onChange={this.handleDateChange}
    animateYearScrolling={false}
/>
reactjsmaterial-designmaterial-ui
14
Juntae

material-ui date-pickerは基盤からのテキストフィールドであり、input-propsを使用するだけで下線を削除できます

（DatePicker、TimePicker、DateTimePickerはすべてこの方法で機能します）

<DatePicker
  value={selectedDate}
  InputProps={{
   disableUnderline: true,
  }}
  onChange={this.handleDateChange}
/>

here から例を見つける

これがあなたを助けることを願っています

25
Nadun