手机联动选择日期

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

最大值,默认当前时间

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。