web-dev-qa-db-ja.com

React Datepickerは過去の日付を除外します

私は自分のアプリでこのlibを使用しています：

https://reactdatepicker.com/

私が使用できるexcludeDatesプロップがあります。日付のリストを渡すことができます。これにより、今日と昨日は除外されます。

excludeDates={[moment(), moment().subtract(1, "days")]}

ただし、何百もの日付をその配列に渡すよりも、もっと良い方法が欲しいです。

ありがとう！

reactjsreact-datepicker
8
penguinsource

多分あなたはそのようなコンポーネントを使うことができます：

<DatePicker
  selected={this.state.startDate}
  onChange={this.handleChange}
  minDate={moment().toDate()}
  placeholderText="Select a day"
/>

MinDateプロパティとmaxDateプロパティを使用して、選択可能な日付の一意の範囲を選択できます。

13
benjamin Rampon
<DatePicker
selected={this.state.startDate}
onChange={this.handleChange}
minDate={new Date()}
/>

物事はもう少し単純化されています。公式によるとhttps://reactdatepicker.com/

私たちも使用できます

  maxDate={addDays(new Date(), 5)} // 5 is number of days from today
1
Mbanda

コードで次のスニペットを使用します。

<DatePicker
    selected={new Date()}
    onChange={date => handleDateChange(date, field)}
    minDate={moment().toDate()}
/>
0
Shantanu Tripathi

あなたは日付ピッカーで"disablePast"プロパティを使用できます、それはコードのように反応日付ピッカーで過去の日付を無効にします

<DatePicker
              selected={this.state.startDate}
              onChange={this.handleChange}
              disablePast
              placeholderText="Select a day"
            />
0
SATISH RAJNALE