轻量级的日历控件(适合移动端)


图片展示

轻量级的日历控件(适合移动端)_第1张图片

图1. 主图样式

1.       蓝色字体是当前日期;蓝色圆圈背景是选中的日期;

2.       上方的箭头是切换月份;

3.       日期那边可以左右滑动,切换天数;

参数修改介绍

样式修改:

1.       打开index.html,在其头部有控制td样式和today,focus类。如下图

轻量级的日历控件(适合移动端)_第2张图片

2.       td对应的就是日期的样式;today就是当前日期;focus就是选中的日期;可以根据自己的需要进行修改。

左右侧滑修改:

1.       为了方便大家在PC端的测试,特意将移动端的左右侧滑效果模拟出来,大家如果要在移动端使用,只需要修改JS文件下列代码,如下图;

轻量级的日历控件(适合移动端)_第3张图片

2.       滑动时天数修改:滑动时调用changeData(type)方法,方法介绍如下图:

下载地址

百度云盘:http://pan.baidu.com/s/1c0zW7te

你可能感兴趣的:(自制应用小控件)