ElementUIの、DatePickerで、２か月分の表記をしたい。

Question

現在、リンク内容のとおりに、
PickerOptionを使って、過去の日付は、読み込まないようにしたうえで、
１か月分のカレンダーについては、表示できるようになったのですが、
依頼内容は、２か月分のカレンダーの表示なのです。

選ぶ日付は１日分だけなので、Dateのままで、2か月分のカレンダーを
表示させることは、可能なのでしょうか？

すみません。初めて、ElementUIを触っているため、
どこをどういじれば、仕上がるのかの、イメージも
うまくつかめていません。

どうか、助けてください。よろしくお願いいたします。

Answer 1

結論から言うと、現状のElement UIそのままでは、希望の仕様は実現できません。

現状のElement UI Date Pickerは、１つの日付を選択させる場合１ヶ月分を、日付範囲を選択させる場合２ヶ月分を表示するように内部で静的に設定されており、これを親コンポーネントから制御するためのプロパティは用意されていません。

「２つの<el-date-picker>を使って、片方が開いたらもう片方を開く」という実装は考えられますが、これも実現できません。それは、「カレンダーパネル以外をクリックすると当該のカレンダーパネルを閉じる」という挙動が実装されているためです。

Comments

[KatsumiKurokawa]

なるほど。だから、いくら検索しても、出てこなかったのですね。
早めに分かってよかったです。
ありがとうございました。
別の方法を、考えてみますね。