AppianZ / calendar

A Custom calendar (⁎⁍̴̛ᴗ⁍̴̛⁎) 自定义日历选择器,时间范围精确到日,可精准自定义设置每个日期的初始样式和点击后的回调,提供 "弹层模式" 和 "普通排列" 的两种模式。
158 stars 35 forks source link

嗯,使用中有点点受不了的地方 #12

Closed colinyyj closed 6 years ago

colinyyj commented 6 years ago
  1. cal.move.X = event.touches[0].clientX;这段代码应该在touchStart中进行初始化一次, 可以解决滑动的时候会有闪屏现象
  2. touchEnd这个事件中,处理enddis的计算稍微做了一下修改。 原来的代码// 此处判断是左滑动 还是右滑动,并且是否滑动到能切换的程度 // enddis = (cal.end.X * 2 >= cal.width && Math.abs(tempDis) * 5 >= cal.width) ? // Math.ceil(enddis / cal.width) : Math.floor(enddis / cal.width);修改后 if(Math.abs(tempDis) * 5 >= cal.width){ enddis = tempDis > 0 ? Math.ceil(enddis / cal.width) : Math.floor(enddis / cal.width); }else{ enddis = parseInt(cal.distance / cal.width); },主要解决左右滑动时触发切换的条件不一致

新增我自己在修改的时候也新增了一些功能如: beforeRenderArr中添加其它几项设置 beforeRenderArr: [{ stamp: 1512057600000, // 指定某个时间戳 className: 'disable', // 指定该时间戳渲染的样式 text: '过节', // 在数字下面显示文字, 用于节气的显示 html: '

56¥
' //数字下面自定内容,如果同时设置了text,text将失效 }] 针对这个,样式也做了写调整

AppianZ commented 6 years ago

样式问题,可以考虑一下伪类。

jaysonsmart commented 6 years ago

数字下面显示文字是怎么做到的,求指教 @colinyyj

colinyyj commented 6 years ago

calendar.zip 这个最终我没有用到项目上

这是我在这基础上修改了的代码,希望对你有帮助

@jaysonsmart

jaysonsmart commented 6 years ago

谢谢,有用的,么么~ @colinyyj

jaysonsmart commented 6 years ago

作者也很棒,给你点赞了