これをReactJS Datepickerにするには、今月からの日数と(戻し日なしの)日数を表示する必要があります。ReactJS Datepicker - 今月からdatepickerを開始したいだけです
0
A
答えて
0
これはまさに私がやろうとしていたものではなく、速い修正です。私はReactJS Datepicker
からincludeDates={this.state.includeDates}
を使用して、私は今日から始まる日をプリントアウトするカスタム関数を作り、私はその後、反応状態excludeDates: ['']
、 とのみに渡す配列に保存し
クリック可能となります。
let fromDate = moment();
let toDate = moment().add(24, 'months'); //including only days starting from today untill 2 year
for (let i = 0; i < moment(toDate).diff(fromDate, 'days') + 1; i++) {
state.includeDates.push(moment(fromDate).add(i, 'days'));
}
Thanl you!それが誰かを助けることを願う
0
あなたは月の最初の日を取得し、日付ピッカーは現在の月の開始から日付だけを有効にするminDate
オプションにそれを渡すために'month'
パラメータを使用して瞬間startOf
を使用することができます。あなたの場合は
<DatePicker
selected={this.state.startDate}
onChange={this.handleChange}
minDate={moment().startOf('month')}
/>
将来の日付のみを有効にしたい場合は、リンクされたサンプルからmaxDateオプションを削除するだけで、次のコードを使用することができます:
関連する問題
- 1. Eternicode datepicker今日の開始日
- 2. datepickerで2か月を開く
- 3. jquery datepickerから月を抽出する
- 4. DatePickerで月名をローカライズ
- 5. Bootstrap datepicker:ピッキング日付を年から開始する
- 6. vue.js + bootstrap datepickerの動的開始日
- 7. 開始日と終了日datepicker
- 8. bootstrap-datepicker開始日の制限
- 9. ハイライト週の開始Javascript/JQuery UI datepicker
- 10. wpf datepickerは切り捨てられた月を示します
- 11. MySQL前月の開始から今日までの間
- 12. Eternicodeでブートストラップdatepickerの開始日を設定します
- 13. DatePickerで月を変更する方法
- 14. jQuery UI datepickerのカスタマイズ月間
- 15. 月と年のAngularjsブートストラップdatepicker
- 16. jQuery UI Datepicker - 月と年ドロップダウン
- 17. Datepicker - YYとMMだけを分離
- 18. jQuery UI DatePickerのスワップ月/年のリストの配置DatePicker
- 19. Calendar Datepickerの問題で月と年のみを選択してください
- 20. XamarinフォームPCL - DatePickerがUWPで正しく開けない
- 21. 月を編集する方法.datepicker() - ウィジェット
- 22. React DatePickerアイコンをクリックしてdatepickerを開く方法
- 23. jquery datepickerから選択した日/月と年を取得する方法
- 24. jquery datepickerを使い始めよう
- 25. jQueryのUI DatePicker:今日のCSSをオーバーライド
- 26. date datepickerから選択しました
- 27. Datepicker、前の月のみを表示
- 28. jquery datepickerまたはbootstrap datepickerでhijri datepickerを設定するには?
- 29. datepickerフォーム入力からjqueryカウントダウンを開始するにはどうすればよいですか?
- 30. fancybox内でDatepicker(月と年)が機能しない