Vue. js пользовательский календарь, отключение дней

Question

Я начал работать с vue. js и столкнулся с проблемой того, как добавить класс в прошлые и будущие дни текущего месяца. Поэтому для марта в первом ряду я хочу отключить дни с номерами 24, 25, 26, 27, 28, 29, а также в последнем ряду 1, 2, 3, 4, 5 ... Я сделал специальный класс "отключен" "в CSS для этого.

Кодовая ссылка:

[Codepen] https://codepen.io/mbole87/pen/bGdxgrX

Если кто-нибудь может помочь?

Спасибо!

Answer 1

Вы можете добавить привязку класса ниже, к div выше span, что должно дать вам то, что вы хотите. Это добавляет класс «отключен», когда месяц даты не совпадает с текущим месяцем.

:class="{ 'disabled': data.getMonth() !== currentDate.month }"

Вот ответвление вашего codepen с его работоспособностью.