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

Posted 2023-03-07

【中文标题】如何在我的日期选择器上启用未来年份？

【英文标题】：How can I enable future years on my datepicker?

【发布时间】：2021-03-06 08:20:33

【问题描述】：

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

这是我到目前为止在下面的代码 sn-p 中所做的：

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

【参考方案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()">

这里是working demo

【讨论】：

完美运行！非常感谢！