Skip to content

tianxiangbing/mobile-select-date

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

最大值,默认当前时间