移动端时间选择器

开发的一个简单的移动端时间选择器，支持多种主题，现在来共享一下。

Github地址：https://github.com/IronPans/LazyPicker

效果图：

如果你使用PC浏览器，那么你需要切换到手机模式才可使用。

步骤：按F12或鼠标右键--点击检查，再点击控制台左上角的手机模式按钮即可。

使用方法

引入CSS和JavaScript脚本：

<link rel="stylesheet" href="lazyPicker.min.css" />

<script src="lazyPicker.min.js"></script>

简单的表单（input）

<input type="text" class="date-picker" placeholder="选择日期" />

初始化时间选择器

var picker = new LazyPicker('.date-picker');

这里的class可自定义，不过要对应你要将其设置为时间选择器的input的class。

可选参数

LazyPicker 构造函数可设置第二个参数，为配置对象，可设参数说明：

theme:, // 主题 green（墨绿） | black（纯黑）

initDate: , // 设置初始年月日，格式YYYY-MM-DD或YYYY/MM/DD

minDate: , // 设置最小年份，默认是1950

maxDate: , // 设置最大年份，默认是初始年份 + 20，如果initDate和maxDate同时存在，年份以maxDate为主。

onChange: function(data) { // 监听选择时间改变

// data返回一个对象，包含属性year、month、day、date，分别表示年、月、日、日期

如果你发现Bug或者有更好的建议，欢迎在下方的评论区评论告知，你们的支持，才是LazyPicker改善之道。