先上我的效果图,再说思路, 我这里不贴代码. 思路 懂了,不管用前端还是移动端,都可以做出来的.
做这个左后滑动的日历之前, 首先无从下手的 有两个地方. 第一: 该怎么实现 左右滑动效果, 第二: 展示的日期是怎么计算的.
因为我们是用ionic2 写的项目,所以滑动的问题 用完美的解决了 (里面包含的各种滑动监听事件都有.在这些监听事件中可以做对应的操作)
然后就是日期的展示计算,困惑了我好久,通过百度搜 也简直就是一个坑! 计算当前日期, 计算这个月多少天, 计算今天是星期几..........那么下个月呢?再这样计算一下? 妹的,在这个坑里还真是搞了3天,愣是没搞出来,因为仅仅封装的计算方法都封装了10个! 搞到最后自己都头晕了....然后赶紧去问同事, 然后一句话戳中了要点! 时间戳!!!!!!!!!!!!!!!!!!!!!!! 对 ,没错 就是时间戳!
时间戳这东西 我似乎都忘记了它的存在, 如果回想起他,我都能想起大学那会学的计算原理 计算机导论了......... 什么机器只识别 01 10啥的 ...哈哈 扯远了.
有了时间戳,机器是可以自动识别转换成当天是 几月几号星期几的!!(ionic2中有自动把时间戳转换成日期的管道(数据写成时间戳,展示的时候会自动换算成对应的日期格式的), 安卓,ios中也是有对应的处理方法的)
也就是说 不用你去计算 这个月有多少天,下个月有多少天,这周都是几号,今天是星期几,星期3的前2天是几号,后4天是几号等等..............时间戳的自动转换 一下就能搞定它.
下面说具体思路.
首先 我拿到今天的时间戳. 因为效果图上要显示的是