手机联动选择日期
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dest
dist
example
src
.gitignore
Gruntfile.js
README.md
http.js
mine.js
package.json

README.md

mobile-select-date

手机联动选择日期 效果图如下:

mobile-select-date

例子见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>

属性及方法

position:'bottom'

当这个值为bottom时,弹层固定显示在底部,不传时居中显示,默认居中.

default:0||1

0为空,true时默认选中第一项,默认1

trigger:

触发弹窗的DOM元素 ,可以是input或其他

callback:

选中后的回调,默认有填充trigger的value值,以‘/’分隔

valueYYYY/MM/dd

默认值

min:string

最小值,默认""1900/01/01""

max:string

最大值,默认当前时间