Menampilkan beberapa tanggal di React Calendar

Saya ingin menampilkan beberapa tanggal menggunakan kalender reaksi (https://www.npmjs.com/package/react-calendar). Masalahnya terletak pada kalender yang memilih semua tanggal di antaranya, bukan setiap tanggal satu per satu.

Misalnya, saya memiliki dua tanggal 4 Juni 2019 dan 9 Juni 2019. Kalender seharusnya hanya memilih tanggal 4 dan 9 tetapi juga memilih tanggal 5, 6, 7, dan 8. Saya hanya ingin memilih 4 Juni dan 9 Juni. Saya melampirkan contoh apa yang ingin saya terapkan menggunakan tanggal reaksi DayPickerSingleDateController. Apakah mungkin untuk menerapkan hal yang sama tetapi menggunakan kalender reaksi?

<Calendar
  value={[new Date(2019, 5, 4), new Date(2019, 5, 9)]}
/>

Gambar Pertama

Saya berharap kalender hanya menampilkan 2 tanggal ini dan bukan hari di antaranya.

Gambar Kedua


reactjs javascript calendar
person Duane Lausell    schedule 09.07.2019    source sumber
comment
Halo, apakah masalah ini sudah teratasi?   -  person Влад Макух    schedule 11.06.2020
comment
Tidak dengan kalender reaksi. Saya beralih ke tanggal reaksi DayPickerSingleDateController dan itu berfungsi cukup baik. airbnb.io/react-dates/? jalur=/cerita/   -  person Duane Lausell    schedule 12.06.2020

Jawaban (1)


arrow_upward
0
arrow_downward

Ini akan membantu:

import React, { Component } from 'react';
import Calendar from 'react-calendar';

class MyApp extends Component {
  state = {
    date: new Date(),
  }

  onChange = date => this.setState({ date })

  render() {
    return (
      <div>
        <Calendar
          onChange={this.onChange}
          value={this.state.date}
          selectRange={true}
        />
      </div>
    );
  }
}

selectRange akan membantu Anda mencapai tujuan Anda. Berikut adalah sumbernya.

person NN796    schedule 09.07.2019
comment
Saya menghargai respon cepatnya. Saya tidak yakin apakah saya cukup jelas, saya minta maaf tetapi yang saya inginkan adalah menampilkan 4 Juni 2019, dan 9 Juni 2019 satu per satu, bukan dengan rentang. - person Duane Lausell; 09.07.2019
comment
@DuaneLausell bisakah Anda menempelkan kode kerja Anda di codesandbox.io dan membagikan URL publiknya di sini. - person NN796; 10.07.2019