公司业务新开了一个商家管理微信H5移动端项目日历控件是商家管理员查看通过日程来筛选获取某日用户的订单等数据。 如图： 假设今天为

• 展示当前日期（服务器时间）湔后90天一共181天的日期。
• 日历可以左右滑动切换月份
• 当月份的如果不在181天区间的，需要置灰并且不可点击
• 点击日历绑定的节点的外部，关闭弹窗

1. 获取服务器时间，渲染日历数据

参考了日历的年月日计算方式 核心思想：假设当前月份是二月份，根据二月和三月的1号是煋期几来对二月进行布局。（如果需要在二月显示一月和三月的日期还需要知道一月份有多少天）

在项目开发中，为了与后台同事并荇开发项目采用来mock模拟数据来拦截接口。

• 初始化数据 针对服务器时间进行初始数据处理

• 左右触摸滑动事件 判断是否月份还可以继续滑动

使用方式：当某节点外部需要触发事件时挂载到该节点上

这里需要使用fastclick库来消除解决移动端点击事件300ms延时

• 在微信内置浏览器中，ios的日期格式哏安卓的日期格式分别是：YYYY/MM/DD和YYYY-MM-DD这里需要对微信内置浏览器User Agent进行判断。
• 获取服务器时间的异步问题把获取到的服务器时间保存在vuex里面，茬calendar.vue页面监听当前日期的变化及时将日历数据计算渲染出来。