liubangbo的专栏

实现此日历需求的关键是构建6行7列的数据。我们可以先构建一个一维数组，此一维数组中放着42个日期，然后再把这个一维数组分割为二维数组，二维数组有6个元素，每个元素又是一个一维数组，放着7个日期元素。点击上月日期要翻页到上一个月，例如上图中，点击28号，日历翻到了上一月。点击下月日期要翻到下一月，例如点击2号，日历翻到下一月。想着用vant组件库中的calendar组件实现此需求，但calendar组件不是固定6行7列。在代码中做个详细的注释，如有不明白的地方可留言。另外还要显示农历，以及当年的公休日信息。

从文档上看，bottom-info插槽有参数，所以是作用域插槽，我们看下此插槽用法。我们给bottom-info 加了节日，节气，农历，并给所有节气下面增加了一个*。

到2023年2月份显示错误了， 因为2023年2月份有28天，我们传入的天数是30天，超出了2月份最大天数，所以出错了。注意：记得安装获取农历的一个插件 npm i js-calendar-converter。在网上找了一个vant 日历改造的文章。

直接取this.options[0]给children赋值。如果要求动态无限级加载怎么办？问题的关键是从options中定位到要加载的级别给children赋值。例如要加载3级，this.options[x].children[x].children = data。vant 官网给出了cascader 级联选择器异步动态加载示例，示例比较简单，加载了2级，固定写法。令我惊讶的是，这个vant级联选择器组件动态加载，网络上几乎没有相关文章。如有不明白的地方，或有更好的写法，可留言讨论。