如何在我的日期选择器上启用未来年份？

Question

我真的是 Web 开发的菜鸟，我在我的项目中使用 TailwindCSS 和 AlpineJS，我需要允许用户在我的日期选择器上选择未来年份和当前年份，以便用户可以选择 2020、2021、2022， ...， 日期。

这是我目前在下面的代码片段中所做的：

`https://codepen.io/fernandorcoelho/pen/BazXwjX?editors=1010`

Answer 1

实际上，您需要从next arrow删除一些逻辑。 这是你的next arrow的开口。

我已将此逻辑添加到您的button

 @click="if (month == 11) {month=0; year++} else {month++};

<button type="button" class="inline-flex p-1 transition duration-100 ease-in-out rounded-full cursor-pointer hover:bg-gray-200 focus:outline-none"  @click="if (month == 11) {month=0; year++} else {month++}; getNoOfDays()">

这是工作演示