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>
相關文章
相關標籤/搜索