https://github.com/jypblue/h5-scroll-datepicker

修改好的支持zepto及jquery的H5滚动日历
https://github.com/jypblue/h5-scroll-datepicker

datepicker jquery zepto

Last synced: about 1 month ago
JSON representation

修改好的支持zepto及jquery的H5滚动日历

• Host: GitHub
• URL: https://github.com/jypblue/h5-scroll-datepicker
• Owner: jypblue
• Created: 2015-03-09T08:17:52.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2016-10-10T09:32:50.000Z (about 8 years ago)
• Last Synced: 2024-03-20T20:34:37.469Z (10 months ago)
• Topics: datepicker, jquery, zepto
• Language: JavaScript
• Homepage:
• Size: 216 KB
• Stars: 4
• Watchers: 3
• Forks: 8
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## H5滚动日历

基于iscroll编写的滚动日历插件，非常简单。直接按照例子来就可以使用,支持zepto,jquery。依赖于iscroll4.2.5版本，因为使用iscroll5体验及问题很多，遂放弃。

#### 目前版本：

1. jquery:1.9.1+

2. zepto:1.2.0

#### 使用：

$('xxx').date({},function(){},function(){});

#### 参数options:

- beginyear:起始年份（默认1900）

- endyear:结束年份 （默认当前年）

- curdate: 是否初始化始终转向当前日期

- theme:主题（默认'date',datetime）

- event: 事件类型（默认'click'）

一般配置上面这几个参数即可，下面的参数一般不建议修改；

- beginmonth: 起始月份

- endmonth: 结束月份

- beginday: 起始日

- endday: 结束日

- beginhour:起始时

- endhour: 结束时

- beginminute:起始分

- endminute: 结束分

- beginsecond: 起始秒

- endsecond:结束秒

- liH: item高度（与css设定一致，默认40px）

- show: 显示隐藏（默认显示）

- scrollConfig: iScroll4配置项

#### 回调函数:

默认配置项后接的第一个函数是选择确认按钮的回调，回传选着的日期字符串，第二个函数是选择取消按钮的回调。

#### 日历UI:

##### 年月日（date）

![](./img/date.png)

##### 年月日时分秒（datetime）

![](./img/datetime.png)

#### 参考demo:

- example.jquery.html

- example.zepto.html