weUI下拉列表,时间控件

<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>
相关文章
相关标签/搜索