[vue开发记录]vue仿ios原生datepicker实现

Posted 2021-02-14 小葱葱葱包

先上个效果图

 

现在只开发了年月，还在优化。

 

在网上看了一个纯原生js实现实现惯性滚动和回弹的文章  地址:https://www.cnblogs.com/ranyonsue/p/8119155.html。

 

于是改造成vue的scroll组件，然后派发scroll-end 滚动结束事件 和 on-scroll正在滚动事件， 传入滚动的Y值。

 

最后基于scroll组件调整位置，开发出示例图上的datepicker， 功能比较简单， 等优化后再传上代码