mobile-select-date

手机联动选择日期 这个组件是从mobile-select-area 继承过来的,所以调用方法基本相同

请切换手机调试模式或用手机浏览器访问此demo

居中显示:

置底固定显示:

用法

预览效果图

PC端推荐使用

calendar组件

注:依赖于dialogmobile-select-area

<!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" value="2013/01/22"/>
        <script>
        var selectDate = new MobileSelectDate();
        selectDate.init({trigger:'#txt_date'});
        </script>
    </body>
</html>

属性及方法

trigger:

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

callback:

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

其它组件推荐

源码在github上托管,请尽量到github上下载最新代码!也可以提交Issues. 如果您发现demo无法使用时,请多刷新几次,可能是js文件没有加载成功。