weUI下拉列表，时间控件

2019独角兽企业重金招聘Python工程师标准>>>

<script>
    //场租类别
    $("#rentType").picker({
        title: "请选择场所下啦列表",
        cols: [
            {
                textAlign: 'center',
                values: ['-请选择-', '1', '2', '3', '自定义']
            }
        ],
        onChange: function(p, v, dv) {
            console.log(p, v, dv);
        },
        onClose: function(p, v, d) {
            console.log("close");
        }
    });
    //时间
    $("#rentTime").datetimePicker({
        title: '请选择开始时间',
        yearSplit: '年',
        monthSplit: '月',
        dateSplit: '日',
        times: function () {
            return [  // 自定义的时间
                {
                    values: (function () {
                        var hours = [];
                        for (var i=0; i<24; i++) hours.push(i > 9 ? i : '0'+i);
                        return hours;
                    })()
                },
                {
                    divider: true,  // 这是一个分隔符
                    content: '时'
                },
                {
                    values: (function () {
                        var minutes = [];
                        for (var i=0; i<59; i++) minutes.push(i > 9 ? i : '0'+i);
                        return minutes;
                    })()
                },
                {
                    divider: true,  // 这是一个分隔符
                    content: '分'
                }
            ];
        },
        onChange: function (picker, values, displayValues) {
            console.log(values);
        }
    });
    $("#time-inline").datetimePicker({
        container: '#time-container',
        onChange: function (picker, values, displayValues) {
            console.log(values);
        }
    });
    //账单日期
    $("#billDate").calendar({
        value: ['2017-12-12'],
        dateFormat: 'yyyy年mm月dd日'  //  自定义格式的时候，不能通过 input 的value属性赋值 '2016年12月12日' 来定义初始值，这样会导致无法解析初始值而报错。只能通过js中设置 value 的形式来赋值，并且需要按标准形式赋值（yyyy-mm-dd 或者时间戳)
    });
</script>

转载于:https://my.oschina.net/u/2336787/blog/1606774