手机联动选择日期 效果图如下:
例子见DEMO
<!DOCTYPE>
<html>
<head>
<title>时间选择器</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" type="text/css" href="../dist/mobile-select-area.css">
<script type="text/javascript" src="../dist/zepto.js"></script>
<script type="text/javascript" src="../dist/dialog.js"></script>
<script type="text/javascript" src="../dist/mobile-select-area.js"></script>
<script type="text/javascript" src="../dist/mobile-select-date.js"></script>
</head>
<body>
<input type="text" id="txt_date"/>
<script>
var selectDate = new MobileSelectDate();
selectDate.init({trigger:'#txt_date',value:'2011/03/02',min:'1990/01/01',max:'2016/02/11'});
</script>
</body>
</html>
当这个值为bottom时,弹层固定显示在底部,不传时居中显示,默认居中.
0为空,true时默认选中第一项,默认1
触发弹窗的DOM元素 ,可以是input或其他
选中后的回调,默认有填充trigger的value值,以‘/’分隔
默认值
最小值,默认""1900/01/01""
最大值,默认当前时间