Vue中实现无限滑动周选日期组件的示例代码
5星
- 浏览量: 0
- 大小:None
- 文件类型：PDF
简介：
本示例展示如何在Vue框架下开发一个具有无限滚动功能的周选择日期组件，通过动态加载数据实现流畅的用户体验。
之前在做一个手机端项目的时候，需要一个左右滑动（按周滑动）选择日期的插件，并且该项目并未使用Vue框架。当时找不到合适的第三方插件，于是用原生JavaScript写了一个出来。后来想把它改造成基于Vue的组件，在最近有空时完成了这个任务！在这个过程中遇到了一些问题，后面会提到。
先看效果
思路
根据用户传入日期（不传默认为今天），获取上一周、当周和下一周对应的日期，并将这些日期放入dates数组中。代码如下：
```javascript
let vm = this;
this.dates.push({
date: moment(vm.defaultDate).subtract(7, days).format(YYY)
});
```
注意：此处的`YYY`应为正确的格式，可能是笔误或示例用途。
全部评论 (0)
还没有任何评论哟~
