vuetifyのカレンダーについて

Question

https://vuetifyjs.com/ja/components/calendars

vuetifyのカレンダーのサンプルにあるweeklyのようなカレンダーを作りたいです。
サンプルでは日曜から一週間分のカレンダーが出ているのですが、もう過ぎている日付は表示しないようにしたいです。（今日から一週間のデータを見たい）
それは可能でしょうか。

また、一行一時間？になっているのですが、二行にしたいです。
イメージ↓
×
11am _______________
12am _______________
○
11am _______________
..___________________
12am _______________
..___________________

vuetifyの知識がなくどこを変えるべきなのかよくわかりません。
すみませんが、よろしくお願いします。

Answer 1

1時間1行となっているのはinterval関連のプロパティで制御できそうですね。
プレイグラウンドを見ると次のような設定があるので、表示を30分にすれば結果的に2行になるんじゃないでしょうか。

      intervalsOptions: [
        { text: 'Default', value: intervalsDefault },
        { text: 'Workday', value: { first: 16, minutes: 30, count: 20, height: 48 } },
      ],

Answer 2

再三にわたる説教が全然届いてないことを悲しく思います。少し厳しく書きます。

あなたがこの先、エンジニアとして業務に携わるつもりがあるならそろそろやってほしいことを丸投げする質問はやめましょう。１つ前の質問と何も変わってませんよ。

もし今任されている仕事が自分には分不相応で、不満があって、今を凌ぐだけでいいのであれば。
クラウドワークスか何かでお金を払ってやってもらってください。

あなたが知識をつけるため、あるいは後からこの質問を誰かが見た時のために先輩エンジニア方は時間と労力を割いてくれています。
今後の再利用性・可搬性は限りなくゼロ、あなたにも基礎技術を学ぶ気がない。これでは誰も回答しません。

あなたは直前に私が「なぜできないのか原因を調査して、その過程を書いてください」と指摘したことについてこう書いています。

書いていただいたことをやりたいのですが、とってきたデータをevents配列に入れているだけなので、ここからどこで内部操作を見るのかが、よくわかりません。

ここでこれからも質問をし、知識を得たいのであれば自助努力をしなければなりません。
たとえ100%の回答でなくても、あなたなりの結論を提示すべきです。

キーワードを拾って近いサンプルをググってくるのは結論でも成果でもありません。

もし本当に何をしたらいいのかわからないのであれば「vuetifyのカレンダーのサンプルの～[ソースコード]～の動作は～～～～だと思うのですが～[ソースコード]～へと修正しても～～～～という動作になってしまいます」くらいまでは進化してください。

あなたが理解できないことは何ですか。
その問いに自問自答を繰り返した結果、到達できない部分はどこですか？
思考停止の産物をここに置いて行っても、誰も供養できません。

Comments

[Rocky]

すみません、ついカッとなって書いてしまいましたが時系列が逆だったのですね。

teratailをなんとなく見ていたらこの質問を見つけてしまって

さっきまで別の質問で丁寧に原因を探っていたのに「別スレッド丸投げかい！」と勘違いして書いてしまいました。

実際にはこのサンプルを頑張って実装して、hh:mmが表示できないという部分まで自分で頑張ったということだったのですね。

その調子で頑張ってください。余計なことを言ってすみませんでした。